每列的分组行摘要 - jqGrid

时间:2013-01-03 13:37:32

标签: javascript jquery jqgrid

我正在使用jqGrid-4.4.1和分组列。

我能够进行分组,但我确实需要类似的东西:

Old Version Of Grid

jqGrid的示例代码:

$("#gridData").jqGrid({
                    colModel: colData, // col model array
                    colNames: colNamesArray, // column names array
                    data: rows, // data
                    datatype: "local", 
                    height: 'auto',
                    width: '100%',
                    viewrecords: false,
                    sortorder: "asc",
                    gridview: true,
                    grouping:true, 
                    groupingView: { 
                        groupField: ['Group'],
                        groupColumnShow: [false]

                    }

                }

);

目前,我有这样的事情:但是我需要在每个列的分组行中使用逗号分隔值。

Web View

我将值作为逗号分隔的String。但我没有得到它如何用列

映射

有可能吗?任何指针都会非常棒。

1 个答案:

答案 0 :(得分:2)

我建议您使用groupSummary: [true]的{​​{1}}选项来创建其他摘要行。需要为groupingView中的摘要行不为空且可选summaryType的所有列定义colModel属性。在the answer中,我展示了如何在摘要行中创建自定义值。

您也可以在the answer中创建自定义分组行。我建议您使用summaryTpl groupSummary选项而不是创建自定义的主要原因是在jqGrid中实现分组行。 jqGrid使用groupingView属性使分组行跨越所有列。您需要的是每列的摘要信息。因此,分组摘要的内部结构更符合您的要求。唯一的缺点是,折叠组不会显示摘要信息。