javascript - ng-grid 单元格点击事件回调

Question

我正在使用 ng-grid 并尝试为单击单元格时设置回调。在那个回调中，我想知道单元格的行和列。我发现最好的方法是在 columnDefs for each column 中使用 cellTemplate(并放置一个 onclick 事件)，这不是很干:

$scope.gridOptions = { 
    data: 'myData',
    columnDefs: [{field: 'name', displayName: 'Name',
                  cellTemplate: '<div onclick="...">{{row.entity[col.field]}}</div>'
                  },
                  {field: 'age', displayName: 'Age', cellTemplate: ...}
                ]
};

这也是有问题的，因为 ng-click 不起作用，而且我不能将 Controller 的范围与 onclick 一起使用..

也欢迎非 ng-grid 解决方案..

Answer 1

不幸的是，ng-grid 在返回列号方面没有很好的概念。

如果您只需要行号就可以解决问题，下面的插件应该会告诉您如何操作:

http://plnkr.co/edit/jYZWV9FpCdeENIETLEXV?p=preview

您使用包含 rowItem 的 beforeSelectionChange 函数。那有行号等等。

另一种选择是使用单元格模板向每个具有行号/列号的单元格添加一个数据属性，然后为点击事件设置一个事件监听器。如果仍然使用大量的 columnDefs 并且自己不是很干，但它会比你现在得到的更干。