如何禁用kendo网格列中的按钮

时间:2015-09-15 14:32:52

标签: javascript jquery kendo-ui kendo-grid angularjs-ng-disabled

我需要在一个单元格中有2个按钮。一个是调用某个函数,另一个是禁用调用某个函数的前一个按钮。我试过这个(我的模板中的一部分):

return '<button kendo-button class="validate" ng-click="MyFunction($event)">' + txt.TXT_SEND_TO_SAP + '</button>' + '&nbsp;&nbsp;' +
'<button kendo-button ng-click="Disable($event)">disable</button>' + '&nbsp;&nbsp;'

此函数调用禁用:

      $scope.Disable = function (e) {
      var data = $scope.grid.dataSource.view();
      for (var i = 0; i < data.length; i++) {
          $(data[i]).prev().prop("disabled", true)
      }
  }
我做错了什么?感谢

1 个答案:

答案 0 :(得分:1)

事件参数(e)为您提供单击的按钮e.target。从那里你可以通过.prev(".validate")获取禁用按钮,然后使用KendoUI小部件禁用它:

$scope.Disable = function (e) {
  var btn = $(e.target);
  var toDisable = btn.prev(".validate").data("kendoButton");
  toDisable.enable(false);
}
  

<强> DEMO