使用easyui的datagrid本地数据进行分页,但执行排序后只剩一页
Xu_L 2018-03-21 07:05:25 使用easyui的datagrid本地数据data进行分页
$('#List1').datagrid({
data: data.slice(0, 15), sortName: 'Col1',sortOrder: 'Desc',
fitColumns: false, pageSize: 15, pageList: [15], pagination: true, remoteSort: false,
columns: [ [
{field: 'Id', title: '', align: 'center', width: 140, hidden: true },
{field: 'Overtime', align: 'center', title: '超时', width: 60,sortable: true },
]]...
下面是利用getpager来控制分页显示的数据:
var p = $('#datagrid').datagrid('getPager');
$(p).pagination({
total: data.length,
onSelectPage: function (pageNo, pageSize) {
var start = (pageNo - 1) * pageSize;
var end = start + pageSize;
currpageno = pageNo;
$("#List1").datagrid("loadData", data);
p.pagination('refresh', {
total: data.length,
pageNumber: pageNo,
pageSize: pageSize
});
}
});
上面代码可以看出,本地的分页是每页15条记录。当前我传回来19条,因此显示了两页。但是当我点击某个列头进行排序(如,Overtime)之后,当前只剩下15条记录,也就只有一页了!
请问是哪里的代码写的有问题吗?请各位不吝赐教!
也有定义:remoteSort : false,