Kendo Grid 中的多列分组

Question

我正在使用剑道网格来显示一组记录。 但现在我想使用 Aggregates 属性对列进行分组并执行某些 列上的聚合函数。

根据以下文档，我可以在单列上应用分组，但我想在多列上进行分组 http://demos.telerik.com/kendo-ui/grid/aggregates

请建议我如何实现它。

谢谢

Answer 1

您需要将网格的数据源的group 选项设置为数组。下面是一些示例代码：

  <div id="grid"></div> 
  <script>
    var dataSource = new kendo.data.DataSource({
      data: [
        { name: "Pork", category: "Food", subcategory: "Meat" },
        { name: "Pepper", category: "Food", subcategory: "Vegetables" },
        { name: "Beef", category: "Food", subcategory: "Meat" }
      ],
      group: [
        // group by "category" and then by "subcategory"
        { field: "category" },
        { field: "subcategory" },
      ]
    });
    $("#grid").kendoGrid({
      dataSource: dataSource
    });
  </script>

这是一个现场演示：http://dojo.telerik.com/@korchev/OBAva

Answer 2

因为它被问过，并且暗示在问题标题中：可以“一起”分组而不是分层。它需要更改数据模型，以便将所有分组列放在一个对象中。

在数据源中，模型和分组配置可能看起来像

  data: [
    { name: "Pork", cat_group: { category: "Food", subcategory: "Meat" } },
    { name: "Pepper", cat_group: { category: "Food", subcategory: "Vegetables" } },
    { name: "Beef", cat_group: { category: "Food", subcategory: "Meat" } }
  ],
  group: [
    // group by "category" and "subcategory" together
    { field: "cat_group" },
  ]

更新用于 MVC 集成：

如果这是通过使用 AJAX 数据源的 ASP.NET MVC 中的序列化对象完成的，请注意分组对象必须具有值语义（覆盖 Equals 并实现 ==/!=）以及实现 @ 987654327@.