Как отключить кнопку в столбце сетки кендо

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