Kendo Grid - 组展开折叠事件

Gag*_*ags 2 expand kendo-ui kendo-grid

我有一个分组的剑道网格,需要捕获折叠和展开事件。对于带有细节的网格,有 detailExpand 事件。组展开/折叠是否有等价的东西?

The*_*hen 5

在查看 kendo 源代码后,没有直接提供的事件,但您可以将自己的处理程序附加到 kendo 在内部附加到的同一事件上,以处理展开/折叠。

在内部,kendo 附加了一个处理程序来展开/折叠图标,如下所示:

if (that._isLocked()) {
    that.lockedTable.on(CLICK + NS, '.k-grouping-row .k-i-collapse, .k-grouping-row .k-i-expand', that._groupableClickHandler);
} else {
    that.table.on(CLICK + NS, '.k-grouping-row .k-i-collapse, .k-grouping-row .k-i-expand', that._groupableClickHandler);
}
Run Code Online (Sandbox Code Playgroud)

其中 CLICK = "click" 和 NS = ".kendoGrid"。

因此,您可以将自己的处理程序添加到完全相同的元素,即:

var grid = $("#grid").getKendoGrid();
var table = grid._isLocked() ? grid.lockedTable : grid.table;

table.on('click.kendoGrid', '.k-grouping-row .k-i-collapse, .k-grouping-row .k-i-expand', myGroupableClickHandler); 
Run Code Online (Sandbox Code Playgroud)

然后在 myGroupableClickHandler() 中执行您需要执行的任何操作。

示例:http : //dojo.telerik.com/@Stephen/udUga