jquery – jqGrid在分组时对列进行排序,考虑分组标题

我有jqgrid.我根据列值对几行进行了分组.工作演示可在 link获得
定义jqgrid的代码的一部分

var preclosingtable = $('#preclosing');
    preclosingtable.jqgrid({
        datatype: 'local',data: data.DOCS,colNames: ['','Documents Received','Comments','NA','Docgroup'],colModel: [
        { name: 'Documents',index: 'Documents',align: 'left',sortable: false,editable: false,width: 20 },{ name: 'DocsReceived',index: 'DocsReceived',align: 'center',editable: true,edittype: 'checkBox',editoptions: { value: "True:False" },formatter: "checkBox",width: 140 },{ name: 'Comments',index: 'Comments',edittype: "textarea",editoptions: { rows: "3",cols: "16" },width: 180 },{ name: 'NA',index: 'NA',formatter: 'dynamicText',width: 150,edittype: 'custom',editoptions: { custom_element: radioelem,custom_value: radiovalue} },{ name: 'Docgroup',index: 'Docgroup',width: 1 }
        ],rowNum: data.DOCS.length,//rowList: [10,20,30],pager: '#preclosingpagerdiv',viewrecords: true,sortorder: "asc",sortname: 'Documents',grouping: true,groupingView: {
            groupField: ['Docgroup'],groupColumnShow: [false],groupDataSorted: true,groupOrder : 'asc'
        },localReader: {
            id: 'ConfigId'
        },shrinkToFit: false,height: 'auto',loadComplete: function () {
            HideGroupHeaders(this);
        },onSelectRow: function (id) {
            preclosingtable.jqgrid('saveRow',prevIoUslyselectedRow,false,'clientArray');
            prevIoUslyselectedRow = SetJqgridRowEdit(id,preclosingtable);
        }
    });

以下是我的网格的样子

问题：是否可以对此网格中的行进行排序,以便最终网格具有以下顺序中的行

>阿拉巴马州
> D.
>缅因州
> NewJersey
>问
>弗吉尼亚州

解决方法

如果我正确理解您的问题,您可以通过在Docgroup列上添加自定义排序功能(请参阅 here,here和 here)来解决您的问题：

sorttype: function (cellvalue,rowObject) {
    return cellvalue? cellvalue : rowObject.Documents;
}

结果,具有空Docgroup的输入数据将被排序并按文档分组.您将在Fiddle上看到结果