在使用easyUI-datagrid ,设置pagination:true时在DataGrid控件底部显示分页工具栏,但是分页并没有实际实现, 页面展示的数据仍是所有数据。
使用时添加下面的方法即可:
function showdetail(mydata){
$('#gridtablename').datagrid('loadData', mydata.slice(0,8)); // fix all columns size
var pager = $("#gridtablename").datagrid("getPager");
pager.pagination({
showPageList:false,
pageSize: 8,//每页显示的记录条数,默认为10
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
total:mydata.length,
onSelectPage:function (pageNo, pageSize) {
var start = (pageNo - 1) * pageSize;
var end = start + pageSize;
$("#gridtablename").datagrid("loadData", mydata.slice(start, end));
pager.pagination('refresh', {
total:mydata.length,
pageNumber:pageNo
});
}
});
}
说明:在你返回的数据处调用该方法,mydata即为返回JSON格式数据。 其中 三处 gridtablename 为 实际 datagrid 表的id.
返回的数据格式为一下格式:
[
{"ID":80013,"A0001":"测试数据1","PROV":"吉林","CITY":"长春"},
{"ID":80014,"A0002":"测试数据2","PROV":"吉林","CITY":"长春"}
]
不需要拼接 total,rows字段。