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

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