JqG​​rid:对本地数据进行排序

时间:2014-07-23 13:12:11

标签: jqgrid

在此示例中,我对本地数据排序存在一些问题。排序不起作用,我不知道它的原因。你能解释我代码中的问题吗?

<table id="list" ></table>
<div id="pager"></div>
<script type="text/javascript">
    var myData =  [
                        { id: "1",  cell: ["1", "test"] },
                        { id: "2",  cell: ["2", "test2"] },
                        { id: "3",  cell: ["3", "test3"] },
                        { id: "4",  cell: ["4", "test4"] }
    ];
jQuery("#list").jqGrid({
    data: myData,
    datatype: "local",
    colNames: ['MyId','Client'],
    colModel: [{ name: 'MyId', index: 'MyId', width: 100, align: 'left' ,  sortable: true},
               { name: 'Client', index: 'Client', width: 100, align: 'left', sortable: true }],
    rowNum:10,
    rowList:[10,20,30,100],
    pager: '#pager',
    sortname: 'Id',
    localReader: {repeatitems: true},          
    viewrecords: true,
    sortable: true,
    sortorder: "asc",
    caption: "Tests",
    loadonce: true
});
jQuery("#list").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false });

</script>

P.S。排序在本演示中也不适用于本地数据。 http://www.ok-soft-gmbh.com/jqGrid/LocalReader.htm

1 个答案:

答案 0 :(得分:2)

你是对的:jqGrid在使用datatype: "local"时遇到data格式的localReader: {repeatitems: true}参数错误。

有很多方法可以解决这个问题。从最简单的一个看来,我要替换the lines

if(locdata || ts.p.treeGrid===true) {
    rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
    ts.p.data.push(rd);
    ts.p._index[rd[locid]] = ts.p.data.length-1;
}

以下

if(locdata || ts.p.treeGrid===true) {
    rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
    ts.p.data.push(rd);
    ts.p._index[rd[locid]] = ts.p.data.length-1;
} else if (ts.p.datatype === "local" && dReader.repeatitems) {
    var idStripted = $.jgrid.stripPref(ts.p.idPrefix, idr),
        iData = ts.p._index[idStripted];
    if (iData !== undefined && ts.p.data != null && ts.p.data[iData] != null) {
        $.extend(true, ts.p.data[iData], rd);
    }
}

The demo使用the fixed code,现在可以正常使用。我将稍后发布相应的pull请求,并建议修复trirand。

更新:我在the pull request发布了更好的修复程序实施方案。 更新2 :我的提款请求已mergedthe main code of jqGrid on the github。您可以在jquery.jqGrid.srs.js上执行相同的更改,从here下载修改后的文件。无论如何,jqGrid的下一个版本(版本高于4.6.0)将包含所描述问题的修复。