easyui前端分页,行号不连续,行号每页都是从1开始
初始分页的方法如下:
改进方法,在loadData方法之前,增加
var gridOpts = $('#'+id).datagrid('options');
gridOpts.pageNumber = pageNo;
gridOpts.pageSize = pageSize;
代码如下:
function pagination(id,data){
var pg = $('#'+id).datagrid('getPager');
$(pg).pagination({
pageSize: 15,//每页显示的记录条数,默认为10
pageList: [10,15,20],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页',
displayMsg: ' 当前显示 {from} - {to} 条记录 共 {total} 条记录',
total:data.length,
onSelectPage:function (pageNo, pageSize) {
var gridOpts = $('#'+id).datagrid('options');
gridOpts.pageNumber = pageNo;
gridOpts.pageSize = pageSize;
var start = (pageNo - 1) * pageSize;
var end = start + pageSize;
$('#'+id).datagrid("loadData", data.slice(start, end));
pg.pagination('refresh', {
total:data.length,
pageNumber:pageNo
});
}
});
}
这样就可以实现分页之后的行号连续