easyUI DataGrid 分页
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 武汉汉口