easyui 客户端分页

来源:互联网 发布:用友软件建账步骤 编辑:程序博客网 时间:2024/06/07 06:36

easyui 服务端想必大家都已直到了,就是传个rows和page数据库查一下就好了。
而如果只需要客户端分页,请往下看:
首先copy这个方法:

//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;        }

在datagrid中引用一下就好了:

pagination:true, //显示分页工具栏loadFilter:pagerFilter,
0 0