easy-ui的datagrid排序

两种
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");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值