easyUI DataGrid 分页

倖福魔咒の 提交于 2020-03-29 05:51:20

easyUI 自带了分页控件pagination,
那么在datagrid中只需要设置pagination:true即可。

datagrid分页如何与后台数据进行交互呢?
datagrid设置分页后,会有两个参数传递到后台,在后台接受这两个参数,取出相应数据,返回到前端显示
   page :当前第几页
   rows :当前页显示多少条数据
当点击分页时,都会重新发送一次请求 并且后台需要返回total 表示一共有多少条数据,前端会接受它,算出{pages},{from},{to},{total}等一系列信息。

那么怎么设置下面分页工具条显示成中文呢?
      var p = $('#tb').datagrid('getPager');
      $(p).pagination({
              pageSize: 10,//每页显示的记录条数,默认为10
             pageList: [5,10,15],//可以设置每页记录条数的列表
             beforePageText: '第',//页数文本框前显示的汉字
             afterPageText: '页 共 {pages} 页',
             displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
             onBeforeRefresh:function(){
                     $(this).pagination('loading');
                     alert('before refresh');
                     $(this).pagination('loaded');
            }
});

 

2013/06/30 武汉汉口

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!