两种
1.本地排序
$(function(){
$('#MHManagementDataGrid').datagrid({
url: "${pageContext.request.contextPath}/qurey_all_member.do",
rownumbers:true,//序列号,显示在第一列
remoteSort:false,
width: '970',
height: '420',
onBeforeSelect:function(){//单继不选中
return false;
},
pagination:true,//分页条
pageSize:10,//每页显示的数目
pagelist:[10,20,30,40],//选择每页加载的数目,这个要和pagesize的数目成倍数
fitColumns:false,//自动改变行列比例,把表格撑起来,显得好看点
//这是每一列定义的内容,field最重要,一定要和返回的数据名称一致,表格就是靠这个名字自动填充数据的
columns:[[
{field:'id',title:'序号',width:40,sortable:true},
{field:'member_num',title:'会员号码',width:120},
{field:'member_name',title:'会员姓名',width:80},
{field:'member_phone',title:'会员电话',width:120},
{field:'member_times',title:'登记次数',width:40},
{field:'remarks',title:'备注',width:100},
{field:'member_start',title:'开始时间',width:130},
{field:'member_end',title:'结束时间',width:130},
配置remoteSort:false和sortable:true
2.服务器排序
$(function(){
$('#MHManagementDataGrid').datagrid({
url: "${pageContext.request.contextPath}/qurey_all_member.do",
rownumbers:true,//序列号,显示在第一列
remoteSort:true,
width: '970',
height: '420',
onBeforeSelect:function(){//单继不选中
return false;
},
pagination:true,//分页条
pageSize:10,//每页显示的数目
pagelist:[10,20,30,40],//选择每页加载的数目,这个要和pagesize的数目成倍数
fitColumns:false,//自动改变行列比例,把表格撑起来,显得好看点
//这是每一列定义的内容,field最重要,一定要和返回的数据名称一致,表格就是靠这个名字自动填充数据的
columns:[[
{field:'id',title:'序号',width:40,sortable:true},
{field:'member_num',title:'会员号码',width:120},
{field:'member_name',title:'会员姓名',width:80},
{field:'member_phone',title:'会员电话',width:120},
{field:'member_times',title:'登记次数',width:40},
{field:'remarks',title:'备注',width:100},
{field:'member_start',title:'开始时间',width:130},
{field:'member_end',title:'结束时间',width:130},
配置remoteSort:true和sortable:true
前端自动传值排序参数给后端
后台通过获取要排列的字段以及order查询数据库时进行排序
sort-要排列的字段
order-asc/desc排序顺序
String sort= request.getParameter("sort");
String order= request.getParameter("order");