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

来源:互联网 发布:华彩软件下载站 编辑:程序博客网 时间:2024/04/29 18:08

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

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


第一种:

<span style="font-size:18px;">grid.set({dataAction: 'local',url: '',});</span>

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

LigerUI 这么定义:

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

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

isSortBool是否允许排序
typeString排序类型,包括string、int、float、date

默认isSort为true.


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


第二种:

grid有三个属性:

sortnameParmNameString页排序列名(提交给服务器)'sortname'sortorderParmNameString页排序方向(提交给服务器)'sortorder' 


enabledSortBool是否允许排序true

默认允许排序。

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

<span style="font-size:18px;">grid.set({dataAction: 'server',url: '',                parms : [  ]});</span>


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

<span style="font-size:18px;">@RequestMapping(value = "/fee",method = RequestMethod.POST)@ResponseBodypublic Map<String, Object> getMotorFeeList(Model model,HttpServletRequest request, HttpServletResponse response) {String sortname = request.getParameter("sortname");String sortorder= request.getParameter("sortorder");return modelMap;}</span>

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


欢迎大家批评指正。


0 0
原创粉丝点击