jqGrid：对本地数据进行排序清除网格答案

【问题标题】：jqGrid: Sorting local data clears gridjqGrid：对本地数据进行排序清除网格
【发布时间】：2012-08-18 16:49:24
【问题描述】：

我在这里发现了类似但不相同的问题；他们发布的答案都没有解决这个问题。

我使用addJSONData 加载了本地数据。当您单击列标题进行排序时，网格将被擦除。 Web 控制台/firebug 中没有错误。稍后调用addJSONData 添加的数据至少按所选列排序。

我的配置：

jQuery('#attributes').jqGrid({
    sortable:true,
    datatype:"local",
    colNames: cols,
    colModel: colmods,
    cmTemplate: {width:155, align:"left"},
    multiselct: false,
    shrinkToFit:false,
    caption: "Node Attributes",
    scroll: true,
    footerrow: true,
    userDataOnFooter: true,
    rowNum: -1
});

我唯一的想法是保存数据onSortCol 并将其重新加载到loadComplete。不过我不太喜欢这样。我尝试了rowNum: 9007199254740992、loadonce: true 等的各种组合。

我已经尝试过 jqGrid 版本 4.2.0 和 4.4.0（其中再次支持 rowNum: -1）。

编辑：清除数据的行是sortData函数中的emptyRows位：

        if(ts.p.scroll) {
            var sscroll = ts.grid.bDiv.scrollLeft;
            emptyRows.call(ts, true, false);
            ts.grid.hDiv.scrollLeft = sscroll;
        }

似乎应该在这发生之前保存数据，但我不熟悉这段代码，无法知道数据的实际位置。

【问题讨论】：

标签： javascript jqgrid

【解决方案1】：

我是 jqGRid 的新手（我 3 天前才开始使用它...）但是，如果您使用本地，您是否还必须指定 loadonce:true 才能进行排序和分页工作？

【讨论】：

也许吧，但不幸的是，单独设置并不能解决问题。数据仍然被擦除。谢谢！

【解决方案2】：

我遇到了类似的问题。我偶然发现了一个修复。设置 loadonce: true 后，如果你点击 pager 中的刷新按钮，然后尝试排序，它就可以正常工作了。

所以我通过执行以下操作强制单击刷新按钮：$(".ui-icon-refresh").trigger('click');

我在 onClose 事件上运行了这个，因为这符合我的要求。你可以在这里查看我对这个问题的全部解释：Make 'Search' remote and everything else (sorting, pagination, etc) local in jqGrid

【讨论】：

感谢您的提示。不过，这里肯定发生了其他事情。我尝试按照您的建议触发刷新，但这本身导致网格擦除。在排序之前或之后触发它并不能解决问题。（我也不确定为什么这会起作用——在设置了loadonce:true 的情况下，从相关点击事件中调用的trigger(reloadGrid) 不会执行。）
哦，你是不是像在 onClose 事件中那样做：onClose: function(){ $("#list2").trigger("reloadGrid"); $("#list2").setGridParam({loadonce: true}); $(".ui-icon-refresh").trigger('click'); }