Kendo 网格 - 组展开折叠事件

Question

我有一个分组的 Kendo 网格，需要捕获折叠和展开事件。对于有细节的网格，有 detailExpand 事件。 expand/collapse 组是否有等效项？

Answer 1

查看 kendo 源代码后，没有直接提供的事件，但您可以将自己的处理程序附加到 kendo 内部附加的同一事件以处理 expand/collapse.

在内部，kendo 将处理程序附加到 expand/collapse 图标，如下所示：

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);
}

其中 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);

然后在 myGroupableClickHandler() 中做任何你需要做的事情。

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

Kendo 网格 - 组展开折叠事件

Kendo Grid - Group Expand collapse Events

kendo-ui

kendo-grid

expand