kendo-ui - 行单击时的 Kendo UI 详细网格扩展

Question

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

谢谢！

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. 最后这是我修改的你的剑道道场示例

编辑：

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"));。更新道场