esayui datagrid 前端分页的实现方式
2018-03-08 19:44
399 查看
function searchMethod(){ var params={province_id:province,cpb_code:cpbCode,random:random}; ajaxRequest4("userCaseContro/queryUserCaseMangeList",params); } function ajaxRequestSuccessBackInvokeMethod(data){ $("#dg").datagrid({loadFilter:pagerFilter}).datagrid('loadData', data); } function ajaxRequest4(url,params){ $.ajax( { url: url, type: 'POST', data:params, dataType: 'json', beforeSend : function() { MaskUtil.mask(); }, complete : function()< aa45 /span> { MaskUtil.unmask(); }, timeout: 1000000, error: function(event, XMLHttpRequest){ ajaxRequestErrorBackInvokeMethod(event,XMLHttpRequest); }, success: function(data) { ajaxRequestSuccessBackInvokeMethod(data); } } ); } function pagerFilter(data){ if (typeof data.length == 'number' && typeof data.splice == 'function'){ // is array 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; }
相关文章推荐
- .Net 分页实现系列之一 DataGrid本身提供的分页方式
- Nutz+jQuery esayUI Datagrid实现增删改查以及分页效果
- laypage前端分页插件实现ajax异步分页
- 浅析Web开发中前端路由实现的几种方式
- bootstrap table + spring + springmvc + mybatis 实现从前端到后端的表格分页
- SQL 在查询中插入行号--自定义分页的另外一种实现方式
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- DataGrid传统分页方式
- springmvc+jpa实现分页的两种方式
- SSh结合Easyui实现Datagrid的分页显示
- 自动补全、自动提示的两种实现方式(前端实现与后端实现)
- jquery实现前端分页、select筛选框、查询条件展示效果
- js实现EasyUI-datagrid前台分页
- 关于分页的一种实现方式--(js实现)
- 实现滑动分页(微博分页方式)
- ASP.NET中自定义DataGrid分页设置的实现
- 前端实现一个简单的表格分页
- DataGrid实现自定义分页,鼠标移至变色,删除确认、可编辑,可删除
- .NET+MVC+ORACLE存储分页查询一前端实现
- Web开发中 前端路由 实现的几种方式和适用场景