easyui客户端分页

Schoder

于 2019-12-20 18:08:18 发布

阅读量306

点赞数

分类专栏：个人编码文章标签： easyui客户端分页简单demo

本文链接：https://blog.csdn.net/weixin_43028834/article/details/94382714

版权

个人编码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

easyuijQ

   $('#dg').datagrid({
                //title: '学生信息查询结果',       //表格标题
                width: '100%',           //表格宽度
                pagination: true,     //开启分页
                loadFilter:pagerFilter,//客户端分页
                pageSize: 10,         //分页大小
                pageNumber: 1,         //第几页显示（默认第一页，可以省略）
                pageList: [10, 20, 30], //设置每页记录条数的列表
                url: '../sdNewDiTu/hospitallevel',  //获取数据地址
                columns: [[                //添加列
                    {
                        field: 'cantName',
                        title: '地市名称',
                        width:'25%',
                        align: 'left'
                    },
                    {
                        field: 'level2',
                        title: '二级医院数量',
                        width:'25%',
                        align: 'left'
                    },
                    {
                        field: 'level3',
                        title: '三级医院数量',
                        width:'25%',
                        align: 'left'
                    },
                    {
                        field: 'sum',
                        title: '总数量',
                        width:'25%',
                        align: 'left'
                    }]],
            });

客户端分页js

//easyui前台分页方法
        function pagerFilter(data){
            if (typeof data.length == 'number' && typeof data.splice == 'function'){    // 判断数据是否是数组
                data = {
                    total: data.length,
                    rows: data
                };
            }
            var dg = $(this);
            var opts = dg.datagrid('options');
            var pager = dg.datagrid('getPager');
            pager.pagination({
                onSelectPage:function(pageNum, pageSize){
                    opts.pageNumber = pageNum;
                    opts.pageSize = pageSize;
                    pager.pagination('refresh',{
                        pageNumber:pageNum,
                        pageSize:pageSize
                    });
                    dg.datagrid('loadData',data);
                }
            });
            if (!data.originalRows){
                data.originalRows = (data.rows);
            }
            var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
            var end = start + parseInt(opts.pageSize);
            data.rows = (data.originalRows.slice(start, end));
            return data;
        }

html