easyui客户端分页

正文

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'
                    }]],
            });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35

客户端分页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;
        }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30

html

请到「今天看啥」查看全文