如何禁用劍道網格列中的按鈕

Question

我需要在一個單元格中有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)
      }
  }

我做錯了什么？ 謝謝

Answer 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