在 Kendo Grid 中设置默认分组

Posted 2023-05-07

【中文标题】在 Kendo Grid 中设置默认分组

【英文标题】：Setting the default grouping in Kendo Grid

【发布时间】：2014-08-14 22:47:58

【问题描述】：

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

【参考方案1】：

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

以下两个示例都根据名字对网格进行分组。

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.

Source 的 JavaScript 示例

【讨论】：

sortable 和 groupable 在一起怎么样？

@sabertababaeeyazdi 如果您的意思是如何使网格既可排序又可分类，只需将这两个属性都设置为 true。