jquery - jqGrid 分组 - 停用页面导航上的客户端排序

标签 jquery jqgrid

我使用带有 loadOnce:true 的网格,以便只有一个对服务器的查询。 数据在服务器端排序(多列排序)。客户端禁用排序。

在激活分组功能之前,导航工作正常。

通过激活分组功能,第一页就可以了。但是,当我使用导航按钮转到下一页时,数据会根据分组列在客户端进行排序(即使使用 groupDataSorted:true)。

rowTotal: 10000,
gridview: true,
scroll: false, 
loadonce: true,

pgbuttons: true,
pginput: true,
rowNum: 100,
rowList: '',
datatype: 'json',
mtype: 'GET',

grouping: true,
groupingView : { 
      groupField : ['prodNo'],
      groupSummary: [true],
      groupColumnShow: [false],           
      groupText: ['({1})'],
      showSummaryOnHide: true,
      groupDataSorted : true,
      groupCollapse: false
    },
jsonReader: {root: 'list', userdata : 'list'},
url:'...'

我的情况有点特殊,因为我根据“名称”和“日期”列对服务器端的数据进行排序,但根据另一个“prodNo”列对行进行分组。 但是我不明白为什么排序是在页面导航上完成的。

有没有办法在页面导航上禁用此客户端排序?

提前致谢

最佳答案

如果您使用 loadonce: true 并且用户单击“下一页”按钮,则本地数据将由 grindexes 重新排序(它是用于在 groupField 中进行分组的列的 index 属性的值。因此,解决您的问题的最简单方法是在 prodNo 列中实现自定义排序。

您可以先尝试在“prodNo”列的定义中添加自定义排序

sorttype: function () {
    return 1; // any constant value
}

本地数据排序时会调用函数sorttype。如果它返回与上面的示例相同的结果,那么所有数据将被解释为相同的,我希望不会发生额外的排序。

如果由于某种原因该方法不起作用,您可以实现另一种排序

sorttype: function (cellValus, rowData) {
    ...
}

例如,如果您希望本地数据根据其他列“名称”和“日期”进行排序,您可以从“prodNo”列中的 sorttype 返回类似的值

sorttype: function (cellValus, rowData) {
    // probably the data need be converted in the sortable form yyyy-mm-dd
    return rowData.name + '_' + rowData.data;
}

关于jquery - jqGrid 分组 - 停用页面导航上的客户端排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10977583/

相关文章:

javascript - 我有清除输入文本宽度 jQuery 的问题

javascript - 使用 JavaScript 或 jQuery 定义全局 CSS 类?

jquery - 通过 jquery 添加 DOM 元素

javascript - 如何在 jqGrid 中动态编辑单元格

javascript - jqGrid - 网格初始化事件

javascript - 如何检测ajax加载内容中选择的变化

javascript - jQueryUI 只能垂直调整大小

javascript - jqGrid 在屏幕布局中没有正确对齐。缺什么?

jqgrid - beforeShowForm 中的 rowpos 和 colpos

javascript - 在 jqGrid 中只加载可选择的列