php liger 表格排序,LigerUI之grid表格点击表头标题排序实现

LigerUI之grid表格点击表头标题排序实现：

通过ajax方式加载数据之后，点击表头排序两种方式实现。

第一种：

grid.set({

dataAction: 'local',

url: '',

});

表格加载的时候指定排序方式为客户端方式，默认是server的方式提交。

LigerUI 这么定义：

dataAction

String

提交数据的方式：本地(local)或(server),选择本地方式时将在客服端分页、排序

'server'

grid里面的columns有两个排序的属性：

isSort

Bool

是否允许排序

type

String

排序类型,包括string、int、float、date

默认isSort为true.

以上这种方式适合，不分页的情况，客户端排序。

第二种：

grid有三个属性：

sortnameParmName

String

页排序列名(提交给服务器)

'sortname'

sortorderParmName

String

页排序方向(提交给服务器)

'sortorder'

enabledSort

Bool

是否允许排序

true

默认允许排序。

如果指定了grid的提交方式是服务端的话。

grid.set({

dataAction: 'server',

url: '',

parms : [ ]

});

则在Controller中通过request可以得到表头的列名和排序规则。

@RequestMapping(value = "/fee",method = RequestMethod.POST)

@ResponseBody

public Map getMotorFeeList(Model model,HttpServletRequest request, HttpServletResponse response) {

String sortname = request.getParameter("sortname");

String sortorder= request.getParameter("sortorder");

return modelMap;

}

点击表头标题时，ligerui 会把表头的name和排序方向传过来，后台获取后，根据这个排序再返回json格式的数据即可。

欢迎大家批评指正。

php liger 表格排序,LigerUI之grid表格点击表头标题排序实现相关推荐

element Table表格实现前x行恒展示，不会被折叠，设置点击表头按钮排序。
table表格前X行恒展示不会被折叠. 表头筛选按钮示意图: // data --渲染的数据(每一列每一行),请求回来的. 默认通过字段名和每一个headers对象中每一个prop来对应起来渲染数据的 ...
datagridview 点击列标题排序
开发winform中,平时经常用到数据列表,我们大多选用datagridview,但是此控件本身没有排序的功能.参阅网上资料.留下标记,以后备用. datagridview的数据显示一般是通过数据绑定 ...
QT中QTableView 点击表头进行排序
今日,由于工作需要,要实现在QTableView中点击表头进行排序的功能,但QTableView中并未提供此功能,经过苦苦的网络搜索也为发现可用的代码.最后经过跟踪QTableWidget的排序功能实 ...
java点击表头可进行排序_table中点击表头实现排序的功能示例介绍
表头名字,页面中获取上次点击的表头的名称和这次点击的表头的名称做比较,如果两者相同就按原先相反的顺序排列,否则新列升序排列, 获取排列顺序的列名及排列顺序以后,传到后台获取相应sql,添加order ...
超级列表框排序mysql_易语言超级列表框点击表头进行排序的代码
超级列表框排序模块源码 .版本 2 .支持库 iext .程序集程序集1 .子程序 _启动子程序, 整数型, , 请在本子程序中放置易模块初始化代码 _临时子程序 () ' 在初始化代码执行完毕后调 ...
Repeater点击表头双向排序
repeater实现排序功能(双击升序排列,再双击降序排列).原理很简单,在<TD>中加个Ondblclick,用它来触发一个LinkButton的服务器事件.LinkButton的服务器 ...
ExtJS4.2学习(三)Grid表格（转）
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-07/172.html --------------- ...
jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
原文地址:http://blog.csdn.net/gengv/article/details/5714834 如不能转载,请联系博主,我马上删除. 根据jqGrid的文档,要想生成一个jqGrid, ...
php 点击表头排序,TP5+ajax实现点击表格表头切换排序，带分页
TP5+ajax实现点击表格表头切换排序,带分页 2018-08-15 14:59:06ThinkPHP php接收页码请求的地址 /** * ajax 无刷新分页 * param $page int ...

php liger 表格排序,LigerUI之grid表格点击表头标题排序实现

php liger 表格排序,LigerUI之grid表格点击表头标题排序实现相关推荐

最新文章

热门文章