easy-ui的datagrid排序

最新推荐文章于 2023-06-17 00:56:27 发布

银爪地海贼1

最新推荐文章于 2023-06-17 00:56:27 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/qq_29485643/article/details/82427968

easyui 专栏收录该内容

1 篇文章

订阅专栏

两种
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");