行单击时Kendo UI详细网格扩展

Question

我正在使用Kendo UI Grid主要详细信息模板，就像在此文档http://demos.telerik.com/kendo-ui/grid/angular中一样，我可以通过单击层次结构单元格来获取模板，我想知道是否有一些简单的方法来扩展细节单击行上任意位置的模板。

谢谢！

Answer 1

为此，您可以按照以下步骤操作：

1. 当我们选择任意行时，将k-on-change="handleChange(kendoEvent)"添加到触发器该功能
2. 别忘了添加k-rebind="gridOptions.selectable"，
3. 我也更喜欢<div kendo-grid="grid"></div>所以稍后我们可以 选择网格实例
4. 创建$scope.handleChange = function(kendoEvent){....}来处理事件
5. 最后这里有一个kendo dojo来自您的dojo示例，我已经修改了

编辑：

1. 根据您的评论，您只需先关闭所有展开的行，然后就可以打开所选的那一行。在$scope.grid.collapseRow($scope.grid.tbody.find("tr.k-master-row"));之前添加此$scope.grid.expandRow($scope.grid.tbody.find("tr.k-master-row.k-state-selected"));。更新了Demo