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

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>


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

<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格式的数据即可。


欢迎大家批评指正。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值