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即可

jqGrid表头排序功能相关推荐

AngularJS table 按照表头字段排序功能（升序和降序）
一.表格按照表头排序 1 <!doctype html> 2 <html ng-app="a3_4"> 3 <head> 4 <title ...
jqgrid实现表头合并功能
在使用jqgrid的过程中,难免要用到表头合并的功能,下面为大家提供一个简单的操作方式. 首先,jqgrid列表的使用与之前的无二. $("#jqGrid").jqGrid({ur ...
JTable表头排序后，row获取错乱的问题解决
参考:http://www.iteye.com/topic/1142737 昨天客户说单据需要排序功能,然后我就给jtable加了这个方法table.setAutoCreateRowSorter(tr ...
人名和成绩一起排序_EXCEL基础知识——排序功能的使用
排序筛选可能是大家工作中最常用的数据处理方式了,它能很快地从大到小完成排序,并且筛选除你想要的数据.从简单的排序筛选到高级筛选你会哪几步呢?一起来看看. 一.简单排序下面这组数据,我们想要将数学成绩 ...
[Android精品源码] Android 仿美团网,探索ListView的A-Z字母排序功能实现选择城市
Material Design中文版Code4APPPHP100UI4APP 开启辅助访问设为首页收藏本站快捷导航切换到宽版切换风格石刚 | |我的 |签到打卡 |设置 |消息 |提醒(2) |退出 ...
html表格td向下排序,jquery实现的table排序功能示例
本文实例讲述了jquery实现的table排序功能.分享给大家供大家参考,具体如下: Document div { width: 1024px; margin: 0 auto; /*div相对屏幕左右 ...
IBM SPSS Statistics教程——多项排序功能详解
排序功能是数据统计软件必不可少的一项主要功能,当我们在进行缺失值的查找.重复值的查找以及数据排名时,排序功能就显得非常方便有用.掌握好IBM SPSS Statistics的排序功能,是熟练掌握SPS ...
Python如何创建一个单链表，以及实现单链表的增，删，改，查操作，以及对单链表的排序功能
标题Python如何创建一个单链表,以及实现单链表的增,删,改,查操作,以及对单链表的排序功能 #功能: 实现单链表的构建和功能操作 #定义单链表的类 class Node:""& ...
EASYUI表格添加排序功能
最近项目上的一个需求,能够点击表头对列进行排序,页面上用的插件是easyui,所以就去官网上找了文档.完成功能后记录一下一些坑. 首先表格属性中有一个remoteSort,这个字段代表着由服务器端对数 ...

jqGrid表头排序功能

1.单级排序

2.多级排序

jqGrid表头排序功能相关推荐

最新文章

热门文章