jqgrid - 对分列符组进行排序

Question

我使用 jqgrid 4.6.0

当我单击列标题对行进行排序时，初始分组会中断。 数据类型为 JSON。

这是在 colModel 中：

        {name:'name',width:150,resizable:true,title:false,sortable:true, editable:true},
        {name:'value',width:80,resizable:true,title:true,sorttype:'number'},
        {name:'col_type',width:80,resizable:false,title:false, editable:false}

以及分组设置和附加设置：

loadonce:true,toppager:true,hidegrid:false,
grouping:true,gridview:true,rownumbers:false,
groupingView: {
    groupField : ['col_type'],
    groupText: ['<b> {0} </b>'],
    groupColumnShow : [false]
}

显然，我希望行的排序在组内。 另一个问题，在 colModel 中将列设置为hidden: true 有什么意义吗？因为它已经在groupingView 中定义了。

Answer 1

我已经在评论中向您解释过，从服务器返回的数据必须按groupingView.groupField （在您的情况下为col_type 字段）排序。另一方面，你有数据

var data = {"rows":[
        {"col_type":"group1",...},
        {"col_type":"group1",...},
        {"col_type":"aaa",...},
        {"col_type":"group3",...},
        {"col_type":"group3",...},
        {"col_type":"group4",...},
        {"col_type":"group4",...}
    ]};

"aaa" 组的顺序错误。 jqGrid 有可能持有您的自定义订单，但您必须告知它。例如，您可以使用定义为函数的sorttype 或使用sortfunc 回调函数。例如，您可以将输入数据扩展到以下内容

var data = {"rows":[
        {"col_type":"group1","col_type_order":1,...},
        {"col_type":"group1","col_type_order":1,...},
        {"col_type":"aaa","col_type_order":2,...},
        {"col_type":"group3","col_type_order":3,...},
        {"col_type":"group3","col_type_order":3,...},
        {"col_type":"group4","col_type_order":4,...},
        {"col_type":"group4","col_type_order":4,...}
    ]};

并使用col_type 列作为

{
    name: 'col_type', width:80, resizable:false, title:false,
    sorttype: function (value, item) {
        return item.col_type_order;
    }
}

更新：查看修改后的演示 https://jsfiddle.net/uz7Ltbjk/7/。如果您使用旧的 jqGrid 并结合loadonce: true 从服务器加载数据，那么您必须添加隐藏列col_type_order。如果您使用免费的 jqGrid，那么您可以使用additionalProperties。您可以使用的最简单的形式如下：

additionalProperties: ["col_type_order"]

它通知 jqGrid 从源数据中读取附加属性（字段），并将信息放入保存在data 参数中的本地数据中。通过这种方式，您可以使用 any 附加信息扩展本地项目，例如，您可以稍后在排序期间使用这些信息。顺便说一句，可以有任何类型的附加属性值。例如，它可以是对象或数组。这样的功能可能有助于主/细节网格或子网格。可以一次加载所有需要的信息，然后使用它。