如何刷新电网剑道上删除和添加行的行动？ [英] How to refresh Kendo Grid on delete and add row action?

问题描述

我在格但像某些操作（删除或添加）我想刷新网格，下面我有删除的删除在剑道网格行方法后的数据。所以我想刷新网格一次删除动作完成。如何实现这一任务下面执行...

到目前为止已经试过code ....

main.html中

 ＆LT; D​​IV剑道格=topRiskGrid选项=topRisksOptions＆GT;＆LT; / DIV＆GT;
 

main.ctrl

  $ scope.topRisksOptions = topRiskGridConfig.getTopRisksGrid（）;
            $ scope.topRisksOptions.dataSource = rcsaAssessmentService.getTopRisksGridDataSource（$ stateParams.assessmentId）;VAR deleteCallBack =功能（）{
                $ scope.topRiskGrid.dataSource.read（）;
            };
            $ scope.deleteTopRisks =功能（键）{
              rcsaAssessmentFactory.deleteTopRisk（key.riskAssessmentKeyConcernKey，'RS_DELETED'），然后（函数（）{
                deleteCallBack（）;
              }）;
            }
 

main.factory

  getTopRisksGridDataSource：功能（assessmentId）{
                            返回新kendo.data.DataSource（{
                                类型：'JSON'，
                                运输 ： {
                                    阅读：功能（选件）{                                        返回$ http.get（应用程序/评估/ REST / topRisks？riskAssessmentKey ='+ assessmentId）.success（
                                                功能（数据）{
                                                    options.success（data.riskAssessmentKeyConcernDTOs）;
                                                }）;
                                    }                                }，
                                每页：5，                            }）;
                        }
 

解决方案

\r

\r

$（＃btn_addContact）。点击（函数（五）{\r
   //显示微调\r
   kendo.ui.progress（$（＃contactdetailgrid），TRUE）;\r
  $阿贾克斯（{\r
    键入：POST，\r
    网址：'ajaxdata / util_projectcontacts.php'，\r
    数据：数据，\r
    数据类型：'文本'}）来实现（函数（）{。\r
      //重新加载网格数据\r
      。$（＃contactdetailgrid）数据（'kendoGrid'）dataSource.read（）;\r
      $（＃contactdetailgrid）的数据（kendoGrid'）刷新（）。\r
      //隐藏微调\r
      kendo.ui.progress（$（＃contactdetailgrid），FALSE）;\r
  }）;\r
}）;

\r

\r

\r

我不喜欢这样的我的网页

I have data in the grid but after certain actions like (delete or add) i want to refresh grid , below i have method for delete that is deleting the row in Kendo grid. So i want to refresh grid once delete action is completed. How to achieve that task with below implementation...

So far tried code....

main.html

<div  kendo-grid="topRiskGrid" options="topRisksOptions" ></div>

main.ctrl

$scope.topRisksOptions = topRiskGridConfig.getTopRisksGrid();
            $scope.topRisksOptions.dataSource = rcsaAssessmentService.getTopRisksGridDataSource($stateParams.assessmentId);

var deleteCallBack = function () {
                $scope.topRiskGrid.dataSource.read();
            };
            $scope.deleteTopRisks = function(key){
              rcsaAssessmentFactory.deleteTopRisk(key.riskAssessmentKeyConcernKey,'RS_DELETED').then(function(){
                deleteCallBack();
              });
            }

main.factory

getTopRisksGridDataSource : function(assessmentId) {
                            return new kendo.data.DataSource({
                                type : 'json',
                                transport : {
                                    read : function(options) {

                                        return $http.get('app/assessment/rest/topRisks?riskAssessmentKey=' +assessmentId).success( 
                                                function(data) {
                                                    options.success(data.riskAssessmentKeyConcernDTOs);
                                                });
                                    }

                                },
                                pageSize : 5,

                            });
                        }

解决方案

$("#btn_addContact").click(function(e) {
   // show the spinner
   kendo.ui.progress($("#contactdetailgrid"), true);
  $.ajax({
    type: "POST",
    url: 'ajaxdata/util_projectcontacts.php',
    data: data,
    dataType: 'text' }).done(function() {
      // reload the grid data
      $("#contactdetailgrid").data('kendoGrid').dataSource.read();
      $("#contactdetailgrid").data('kendoGrid').refresh();
      // hide the spinner
      kendo.ui.progress($("#contactdetailgrid"), false);
  });
});

I do it like this on my pages

这篇关于如何刷新电网剑道上删除和添加行的行动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！