jquery – 默认情况下如何使分组的Kendo Grid可折叠？

这是我到目前为止：

$(reportTableSelector).kendoGrid({
    dataSource: dataSource,sortable: false,pageable: false,scrollable: false,columns: colModel
});

var grid = $(reportTableSelector).data("kendoGrid");
grid.collapseGroup(grid.tbody.find(">tr.k-grouping-row"));
$('tr[role*="row"]').hide();

如果我将最后三行代码放在单击处理函数中,它将有效地折叠所有分组的行,但在初始化网格后调用它时不会.

解决方法

那是因为在初始化期间仍然没有收到数据(你可能正在使用远程数据)因此没有渲染.

您可以做的是在收到并绑定数据后调用collapseGroup：

$(reportTableSelector).kendoGrid({
    dataSource: dataSource,columns: colModel,dataBound: function () {
        var grid = $(reportTableSelector).data("kendoGrid");
        grid.collapseGroup(grid.tbody.find(">tr.k-grouping-row"));
        $('tr[role*="row"]').hide();
    }
});