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

Question

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

Answer 1

您可以在创建网格时设置初始分组。您可以通过将 groupable 属性设置为 false 或干脆不将其包含在配置中来阻止用户删除或更改分组。

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

剃刀 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"]
});

链接到 JavaScript 示例的小提琴。

JavaScript 示例的来源