JQGrid 组视图

Question

是否可以将行按两列分组在一个级别中？我有两个决定分组的值。问题是我必须只显示特定的分组 headers。这是我的代码：

$("#grid").jqGrid({

                    data: response.d.Data.rows,

                    colModel: [
                    { name: 'RowNumber', hidden: true },
                    { name: 'ID_WorkPlace', hidden: false },
                    { name: 'WorkPlaceName', hidden: false, width: 100,} , //label: '<%= ((BPMISBasePage)Page).ResourceManager.GetString("asp.pages_limits_projectsearch_aspx_projectlist_code")%>', search: true },
                    { name: 'WorkPlaceCode', hidden: false, width: 70 } , // label: '<%= ((BPMISBasePage)Page).ResourceManager.GetString("asp.pages_limits_projectsearch_aspx_projectlist_name")%>', search: true },
                    { name: 'WorkPlaceCodeName', hidden: false, width: 70 } ,
                    { name: 'ID_ParentWorkplace', hidden: false, width: 70 } ,
                    { name: 'ParentWorkPlaceCode', hidden: false, width: 70 } ,
                    { name: 'ParentWorkPlaceCodeName', hidden: false, width: 70 } ,
                    { name: 'ParentWorkPlaceName', hidden: false, width: 70 } ,

                    { name: 'NumberOfEmployeesStayedLeft', hidden: false, width: 70 } ,
                    { name: 'ParameterPlain', hidden: false, width: 70 } ,

                    { name: 'BaseSalaryValue', hidden: false, width: 70 } ,
                    { name: 'ID_EmploymentDynamic', hidden: false, width: 70 } ,
                    { name: 'RSBaseSalary', hidden: false, width: 70 } ,
                    { name: 'TotalCoefficient', hidden: false, width: 70 } ,
                    { name: 'NumberOfMonths', hidden: false, width: 70 } ,
                    { name: 'YearlyNetSalaryByEmployee', hidden: false, width: 70 } ,
                   ],

                    gridview: true,
                    //rowNum: 19,
                    //pager: '#pager',
                    //multiselect: true,
                    viewrecords: true,
                    loadonce: true,
                    autowidth: true,
                    rowattr: function (rd) {
                        if (rd.UnRead) {
                            return { "class": "jqfoot" };
                        }
                    },
                    sortname: 'Code',
                    sortorder: 'asc',
                    headertitles: true,
                    multiSort: true,
                    ondblClickRow: function (rowid, iRow, iCol) {
                        if (rowid) {
                            odDoubleClick(rowid);
                        }
                    },
                    //altRows: true,
                    //altclass: 'jqGridAltRows',
                    searching: {
                        defaultSearch: 'cn'
                    },
                    grouping: true,
                    groupingView: {
                        groupField: ["ParentWorkPlaceCode", "RowNumber", "WorkPlaceCodeName"],
                        groupColumnShow: [true, false, false],
                        groupText: [
                            "<b>{0}</b>",
                            "<b>{0}</b>", //How to hide this?
                            "<b>{0}</b>" //I have to show only this!!!
                        ],
                        groupOrder: ["asc", "asc", "asc"],
                        groupSummary: [true, false, false],
                        groupSummaryPos: ['header', 'header', 'header'],
                        groupCollapse: false
                    }
                });

这里还有当前的截图。我想要的是不在分组中显示 header for 'RowNumber'。可能吗？

Answer 1

我建议您将数据重组为 return 两个 "RowNumber" 和 "WorkPlaceCodeName" 的一个组合字段，例如 "RowNumber"+separator+ "WorkPlaceCodeName"按该组合字段分组并在 groupingView 中使用 formatDisplayField 显示 "WorkPlaceCodeName".

JQGrid 组视图

JQGrid groupView

asp.net

jquery

jqgrid