发布于

AI总结: 本文介绍了在jqGrid中实现服务端排序的配置,设置了是否一次性加载数据、默认排序字段及顺序,并定义了列名和模型。此外,通过onSortCol事件处理程序阻止客户端排序并调用search函数进行服务端数据请求。 优化建议: 1. 确保search函数中包含所有必要的参数,以便于服务端接收完整的排序信息。 2. 考虑在search函数中加入错误处理机制,以提高代码的健壮性。 3. 在jqGrid配置中增加loadtext和emptyrecords属性,以改善用户体验。 4. 对于大数据量,考虑实现分页功能以提升性能。

服务端排序

$(grid_selector).jqGrid({
    loadonce: false, // 是否一次性加载数据到客户端,启用本地排序
    sortname: 'name',
    sortorder: 'desc',
    colNames: [ 'id', 'name'],
    colModel: [
    {
        index: 'id',
        name: 'id'
    },
    {
        index: 'name',
        name: 'name',
        width: 50,
        sortable: true
    },
    onSortCol: function(index, columnIndex, sortOrder) {
        search();
        return 'stop'; // 阻止客户端排序操作
    },
})

function search() {
  var param = {};
  param.sortName = $(grid_selector).getGridParam("sortname");
  param.sortOrder = $(grid_selector).getGridParam("sortorder");
  ...
}