EasyUI easyui-datagrid分页功能实现

            $('#dg_query').datagrid({              toolbar:toolbar,loadMsg:'数据加载中....',columns:[[{field:'ckSelect',title:'选择',width:50,checkbox:true},{field:'WBSH',title:'发货方',width:120,align:'left', sortable:true},{field:'APPLY_TIME',title:'申请时间',width:70,align:'left', sortable:true},{field:'WBWAYBILLID',title:'确认号',width:120,align:'left', sortable:true},{field:'WBAPPSTATE',title:'WBAPPSTATE',hidden:true},                        {field:'APL_STAT',title:'申请状态',width:60,align:'left', sortable:true},{field:'WBCHKSTATE',title:'WBCHKSTATE',hidden:true},                        {field:'CHK_STAT',title:'确认状态',width:60,align:'left', sortable:true, styler:cellStyler},{field:'WBUPLSTATE',title:'WBUPLSTATE',hidden:true}, {field:'UPL_STAT',title:'上传标记',width:60,align:'left', sortable:true}, {field:'WBCHKUPLST',title:'WBCHKUPLST',hidden:true},            {field:'UPLCHK_STAT',title:'保函<br/>审核状态',width:60,align:'left', sortable:true, styler:cellStyler},   {field:'HAVE_DAY',title:'有效期<br/>天数还有',width:70,align:'left', sortable:true},                        {field:'BEG_TIME',title:'有效期<br/>起始时间',width:70,align:'left', sortable:true}, {field:'END_TIME',title:'有效期<br/>结束时间',width:70,align:'left', sortable:true}, {field:'WBLDNM',title:'起运港口',width:70,align:'left', sortable:true},{field:'POD_PORT',title:'卸货港口',width:120,align:'left', sortable:true},{field:'WBCONTRACT',title:'合约号',width:70,align:'left', sortable:true},{field:'WBIVLD',title:'WBIVLD',hidden:true},{field:'DEL_STAT',title:'是否删除',width:70,align:'left', sortable:true},            {field:'WBKEY',title:'WBKEY',hidden:true}]], border: true,nowrap: false,fit: true,fitColumns: false,//striped: true,singleSelect: true,remoteSort: false,rownumbers: true,pagination: true,pageSize: 10,pageList: [10,20,50,100,200],  loadFilter: pagerFilter,rowStyler: function(index, row) {if ($.trim(row.WBIVLD) != '') {return 'color:#ff0000';} else if ($.trim(row.WBCHKSTATE) == 'C' && $.trim(row.WBCHKUPLST) == 'C') {return 'background-color:#c4e1ff';}}               }); function cellStyler(value, row, index) {if ($.trim(value) == '已拒绝') {return 'color:#ff0000';}}             //分页功能    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) {if(data.rows)data.originalRows = (data.rows);else if(data.data && data.data.rows)data.originalRows = (data.data.rows);elsedata.originalRows = [];}var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);var end = start + parseInt(opts.pageSize);data.rows = (data.originalRows.slice(start, end));return data;}

EasyUI easyui-datagrid分页功能实现相关推荐

EasyUI的DataGrid 分页栏英文改中文解决方案
EasyUI的DataGrid 分页栏英文改中文解决方案参考文章: (1)EasyUI的DataGrid 分页栏英文改中文解决方案 (2)https://www.cnblogs.com/tahn30 ...
EasyUI的datagrid分页，动态隐藏或显示列
EasyUI的datagrid分页,动态隐藏或显示列业务需要,根据不用的查询条件,显示不同的列名 1 $("#chnMode").change(function(){ 2 if( ...
java easyui分页源码_SpringMVC+easyUI中datagrid分页实现_2014.5.1
一.概述 SpringMVC: 1.是面对方法级变量的,在操作起来会比struts方便一些(structs是类级变量),具体体现在了srpingMVC的注解上面, 如@RequstMapping(&q ...
SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...
jquery easyui datagrid 分页详解
http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...
EasyUI之简单实现Datagrid分页（C#）
EasyUI之简单实现Datagrid分页(C#) 刚刚开始学着用EasyUI,有兴趣的TX可以去http://www.jeasyui.com/看一下,当然很多人都知道,不是什么新鲜的东西: 这两天在 ...
easyui php分页,easyui datagrid分页 4、easyUI-七种布局（layout）
1.为网页创建边框布局边框布局(border layout)提供五个区域:east.west.north.south.center.以下是一些通常用法: north 区域可以用来显示网站的标语. s ...
使用easyUI datagrid分页
使用easyUI datagrid分页我用了比较简单的sturts2和mybatis结合的小测试demo实现的. 一.使用easyUI datagrid分页注意事项及原理: 1.EasyUI的Dat ...
easyui的datagrid的使用记录
datagrid是在 table的基础上变化而来的, 而不是在div的基础上来的. 从div来变成 datagrid,样式的设置还是是比较麻烦的. dg=datagrid 的标题来源于 column ...

EasyUI easyui-datagrid分页功能实现

EasyUI easyui-datagrid分页功能实现相关推荐

最新文章

热门文章