jqGrid中的多级分组答案

【问题标题】：Multi-level grouping in jqGridjqGrid中的多级分组
【发布时间】：2011-05-06 15:33:41
【问题描述】：

我需要多级分组。它内置在 jqGrid 中吗？这是计划中的未来功能吗？

如果没有，是否有人想创建一种解决方法而无需直接修改插件？

【问题讨论】：

标签： jquery jquery-ui jquery-plugins jqgrid

【解决方案1】：

如果您确实需要多级分组，您可以在服务器端实现它。如果你需要一些界面来切换像 jqGrid 这样的组，你可以检查the source code of jrGrid。在我看来，您可以使用tree grids 实现近距离效果。

关于在 jqGrid 中实现多级分组的计划 - 对于这样的问题，这绝对是错误的地方。你应该在the trirand forum提问。

【讨论】：

【解决方案2】：

jqGrid 4.4.0 现在支持多分组

我们很高兴地宣布全新的 jqGrid 4.4 版本。这发布添加了新功能和错误修复。以下是新内容：

多分组支持 - 这会在多个字段上添加分组

性能优化

大量修复。

文档和示例是最新的。你可以在适当的页面。这些示例在演示中的分组项目中，并且是标记为（新）

http://www.trirand.com/blog/?p=974

【讨论】：

【解决方案3】：

在 Jqgrid 中增加任意数量的级别（维度）的另一种简单方法是添加 setGroupHeaders 的次数

如果我的列是这样的，ColNames = ['Id','Date', 'Client', 'Amount','Tax','Total','Notes'];

现在添加 setGroupHeaders Like

jQuery("#list").jqGrid('setGroupHeaders', {
  useColSpanStyle: true, 
  groupHeaders:[
    {startColumnName: 'id', numberOfColumns: 1, titleText: '.'},
    {startColumnName: 'date', numberOfColumns: 8, titleText: 'Nice'},
    ]   
});
jQuery("#list").jqGrid('setGroupHeaders', {
  useColSpanStyle: true, 
  groupHeaders:[
    {startColumnName: 'id', numberOfColumns: 1, titleText: '.'},
    {startColumnName: 'date', numberOfColumns: 4, titleText: 'rice'},
    {startColumnName: 'total', numberOfColumns: 2, titleText: 'dice'}
    ]   
});

jQuery("#list").jqGrid('setGroupHeaders', {
  useColSpanStyle: true, 
  groupHeaders:[
    {startColumnName: 'id', numberOfColumns: 1, titleText: '.'},
    {startColumnName: 'date', numberOfColumns: 2, titleText: 'Price'},
    {startColumnName: 'amount', numberOfColumns: 2, titleText: 'Shiping'},
    {startColumnName: 'total', numberOfColumns: 2, titleText: 'bipping'}
    ]   
});

下面是输出

| .  |                       Nice                              |
----------------------------------------------------------------
| .  |                 rice                |       dice        |
----------------------------------------------------------------
| .  |       Price     |      Shipping     |       bipping     |
----------------------------------------------------------------
| id |  Date  | Client |  Amount   |  Tax  | Total  |  Notes   |

【讨论】：