天天看点

easyui中datagrid显示的数据设置默认排序(修改datagrid的默认排序方式)

easyui中的datagrid,有一个默认排序方式,通过sql排序是无法影响到页面的展示,在Chrome控制台中可以看到传递的参数包括:

easyui中datagrid显示的数据设置默认排序(修改datagrid的默认排序方式)

即默认传递orderby的参数为asc,可通过如下代码更改此参数:

$(function(){
	dg=$('#repdg').datagrid({
		//省略其它参数
		
		remoteSort: false,
		sortOrder: 'desc',
		sortName: 'repNo',
	    columns:[[
	        {field:'repId',title:'id',width:10,sortable: true},
	        {field:'repNo',title:'repNo',width:10,sortable: true},
		]],
	});
});
           

sortName

为要排序的列,此处的值为

repNo

,即对

repNo

进行默认排序;

sortOrder

可用参数有

'ASC'

'DESC'

,对指定列的排序方式;

补充:

remoteSort

默认为true,即每次点击页面上的排序方式都将发送请求,设置为false则不会向后端发请求;

sortable

设置为true,该列将可以进行排序;

效果:

easyui中datagrid显示的数据设置默认排序(修改datagrid的默认排序方式)

官方文档:http://www.jeasyui.net/plugins/183.html

继续阅读