本文主要是介绍easyui 客户端分页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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,
这篇关于easyui 客户端分页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!