javascript - 如何检测 ng-grid 中的单元格更改而不仅仅是 ng-grid 事件的结束？

Question

我的网络应用程序中有一个可编辑的 ng-grid。网格功能让我的生活变得轻松，而且确实很棒，但我注意到一个小问题，我不知道如何优雅地解决它。

也就是说，我想检测用户何时对网格进行了更改。现在，我使用...

$scope.$on('ngGridEventEndCellEdit', function(evt) {

  //function goes here!

});

...这有点有效。

问题是，即使用户没有对单元格进行更改，而只是单击/选项卡进入/退出单元格，也会触发此事件。我不想比较前后行中的每个字段来检测是否已进行更改 - 有更好的方法吗？

谢谢!

Answer 1

如果您只想检测用户何时开始编辑单元格:

$scope.$on('ngGridEventStartCellEdit', function(evt) {

  //function goes here!

});

(注意开始而不是结束)

更多详情here

否则，ForgetfulFellow 的链接应该有您的解决方案:

cellEditableTemplate = "<input ng-class=\"'colt' + col.index\" ng-input=\"COL_FIELD\" ng-model=\"COL_FIELD\" ng-change=\"updateEntity(row.entity)\"/>"

每次击键都会调用 ng-change。