kendo-ui - 在Kendo Grid中设置默认分组

Question

我要求默认情况下在特定列上对网格进行分组，并且不允许用户删除该列上的分组。这可能吗？

Answer 1

您可以在创建网格时设置初始分组。通过将groupable属性设置为false或在配置中不包括该属性，可以使用户无法删除或更改分组。

下面的两个示例均基于FirstName对网格进行分组。

Razor HTML示例:

@(Html.Kendo().Grid(Model.Person)
    .Name("grid")
    .Columns(columns =>
    {
      columns.Bound(model => model.FirstName);
      columns.Bound(item => item.LastName);
    })
    .Groupable(g => g.Enabled(false))
    .DataSource(dataSource => dataSource
        .Server()
        .Group(groups => groups.Add(p => p.FirstName))
)

JavaScript示例:

$("#grid").kendoGrid({
    dataSource: {
        data: [{FirstName: "FirstName1", LastName: "LastName1"},
              {FirstName: "FirstName1", LastName: "LastName2"},
              {FirstName: "FirstName3", LastName: "LastName3"},
              {FirstName: "FirstName1", LastName: "LastName4"}],
        group: { field: "FirstName" } // set grouping for the dataSource
    },
    groupable: false, // this will remove the group bar
    sortable: true,
    columns: ["FirstName","LastName"]
});

Link to a fiddle for the JavaScript example.

JavaScript示例的 Source