jqGrid中的多级分组

时间:2011-05-06 15:33:42

标签: jquery jquery-ui jquery-plugins jqgrid

我需要多级分组。它是内置到jqGrid?这是计划好的未来功能吗?

如果没有,是否有人想要在不必直接修改插件的情况下创建解决方案?

3 个答案:

答案 0 :(得分:2)

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

关于在jqGrid中实现多级分组的计划 - 对于这样的问题来说,这是一个明确错误的地方。您应该在the trirand forum上提出问题。

答案 1 :(得分:2)

jqGrid 4.4.0现在支持多分组

  

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

     
      
  • 多分组支持 - 这会在多个字段上添加分组
  •   
  • 效果优化
  •   
  • 很多修复。
  •   
     

文档和示例是最新的。你可以在里面看到它   适当的页面。示例在demo中的分组项目中   标记为(新)

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

答案 2 :(得分:1)

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

如果我的列类似,则ColNames = [' Id','日期','客户','金额',&# 39;税''总''注释'];

现在添加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   |