LigerUI之grid表格点击表头标题排序实现:
通过ajax方式加载数据之后,点击表头排序两种方式实现。
第一种:
<span style="font-size:18px;"> grid.set({
dataAction: 'local',
url: '',
});</span>
表格加载的时候指定排序方式为客户端方式,默认是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的提交方式是服务端的话。
<span style="font-size:18px;"> grid.set({
dataAction: 'server',
url: '',
parms : [ ]
});</span>
<span style="font-size:18px;"> @RequestMapping(value = "/fee",method = RequestMethod.POST)
@ResponseBody
public 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格式的数据即可。
欢迎大家批评指正。