kendo-ui - Kendo UI / Angular grid - 如何折叠组

Question

我有以下 Kendo UI Angular 网格：

<kendo-grid id="engagementGrid" options="engagementGridOptions"></kendo-grid>

控制器：

$scope.engagementGridOptions = {
                dataSource: {
                    type: "json",
                    transport: {
                        read: "http://accountviewserver:8080/api/Engagement"
                    },
                    group: { field: "Name" }
                },
                sortable: true,
                height: 200,

                columns: [{
                    field: "Name",
                    width: "120px"
                },{
                    field: "Project",
                    width: "200px"
                },{
                    field: "StartDate",
                    width: "80px"
                },{
                    field: "EndDate",
                    width: "80px"
                },{
                    field: "PercentEngaged",
                    title: "% Engaged",
                    width: "50px"
                }]
            };

默认情况下使组折叠的正确 Kendo / Angular 语法是什么？

Answer 1

对于那些遇到此问题的人，请将其添加到您的网格选项中

dataBound: function () {
    var grid = this;
    grid.tbody.find("tr.k-grouping-row").each(function () { grid.collapseGroup(this); });
}