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

【问题标题】：ng-grid cell click event callbackng-grid 单元格点击事件回调
【发布时间】：2014-04-24 18:18:19
【问题描述】：

我正在使用 ng-grid 并尝试为单击单元格时设置回调。在那个回调中，我想知道单元格的行和列。我发现最好的方法是在 columnDefs 为每一列中使用 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 不起作用，而且我不能将控制器的作用域与 onclick 一起使用..

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

【问题讨论】：

标签： javascript angularjs ng-grid

【解决方案1】：

很遗憾，ng-grid 没有很好的返回列号的概念。

如果你可以只用行号，下面的 plunker 应该会告诉你如何做到这一点：

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

您使用了 beforeSelectionChange 函数，其中包括 rowItem。那有行号之类的。

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

【讨论】：