jqGrid表头排序功能

1.单级排序

描述：顾名思义，即按照单个表头进行排序，但是允许多个表头都是排序字段，只是传值时只传当前点击的表头

1. 后端配置

需要在后台接收sidx和sord，sidx是固定参数，其值为所点击的列名，sord也为固定参数，其为排序方式，升序还是降序

可以将这两个字段单独在controller方法中去接受，也可以写到实体类中作为字段去接收，本例中将这两个参数写到实体类中

sql中order by时需要用动态参数去取值

controller代码如下：

@RequestMapping(value = "/selectGuideJudgeStatisticsForPage.json", method = RequestMethod.POST) public @ResponseBody IPageModule selectGuideJudgeStatisticsForPage(HttpServletRequest request, HttpServletResponse response, GuideInfo guideInfo,String sord,String sidx) { IPageModule pageModule = null; try { System.out.println(sord); System.out.println(sidx); pageModule= guideJudgeService.selectGuideJudgeStatisticsForPage(guideInfo); } catch(Exception e) { e.printStackTrace(); } return pageModule; }

map-*.xml代码部分如下：

ORDER BY <choose> <when test="sidx != null and sidx != ''"> ${sidx} ${sord} </when> <otherwise> T.NAME </otherwise> </choose>

需要注意的是此处取值使用$,不能使用#，只需要判断sidx是否有值即可，因为sord一直都有值，如果不需要默认排序，也可以这样写：

<if test="sidx != null and sidx != ''"> ORDER BY ${sidx} ${sord} </if>

2. 前端配置

multiSort属性设置为false：multiSort: false，也可以不写。

colModel属性对应列设置排序参数,如下:

colModel: [ {name: 'guideId', index: 'guideId', width: 0, sortable:false, align:'left', hidden:true, key:true}, {name: 'name', index: 'name', width: 20, sortable:false,align:'left'}, {name: 'phone', index: 'phone', width: 25, sortable:false,align:'center'}, {name: 'avgJudgeScore', index: 'avgJudgeScore', width: 25, dataType: "float", sortable: true,align:'center'}, {name: 'judgeCounts', index: 'judgeCounts', width: 25, dataType: "int", sortable: true,align:'center'} ],

这两个属性：dataType: “int”, sortable: true

2.多级排序

描述：即可以按照多个表头进行联合排序

1. 后端配置

与单级排序的写法上没有区别

2. 前端配置

与单级排序的区别：添加multiSort或者更改multiSort属性为true即可