使用easyui的datagrid本地数据进行分页,但执行排序后只剩一页。
使用easyui的datagrid本地数据data进行分页$('#List1').datagrid({data:data.slice(0,15),sortName:'Co...
使用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条记录,也就只有一页了!
请问是哪里的代码写的有问题吗?请各位不吝赐教! 展开
$('#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条记录,也就只有一页了!
请问是哪里的代码写的有问题吗?请各位不吝赐教! 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏30(财富值+成长值)
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询