Ext.PagingToolbar 分页有关问题
日期：2014-05-16 浏览次数：20365 次
Ext.PagingToolbar 分页问题
我后台传到客户端的数据是22条，我要实现每页显示5条数据，总共5页，奇怪是的，只能翻到第二页就不能往下翻页了，start 和 limit 的的变化如下：
初始化第一页的时候：start:0 limit:5
点击下一页进入第二页的时候：start:5 limit:5
点击下一页进入第三页的时候：start:10 limit:5，到这里就停了，继续点击下一页的时候依然是：start:10 limit:5，当前页显示的是第二页，正常的应该是：start:15 limit:5，为什么第一次翻页没问题，但是继续往后面翻就有问题了呢？这是为什么？贴出部分代码请高手指点一二，小弟感激不尽！
------解决方案--------------------
错误提示有没？
------解决方案--------------------
友情帮顶。
------解决方案--------------------
我后台传到客户端的数据是22条，我要实现每页显示5条数据，总共5页，奇怪是的，只能翻到第二页就不能往下翻页了，start 和 limit 的的变化如下：
初始化第一页的时候：start:0 limit:5
点击下一页进入第二页的时候：start:5 limit:5
点击下一页进入第三页的时候：start:10 limit:5，到这里就停了，继续点击下一页的时候依然是：start:10 limit:5，当前页显示的是第二页，正常的应该是：start:15 limit:5，为什么第一次翻页没问题，但是继续往后面翻就有问题了呢？这是为什么？贴出部分代码请高手指点一二，小弟感激不尽！
- JScript code
var ds = new Ext.data.Store({
reader:new Ext.data.JsonReader({
totalProperty:"totalProperty",
root:"root",
id:'id',
fields:['id','userName','roleId','roleName','rName','useCompany','status','num','lastTime']
}),
proxy: datas
});
var gridDivId = "user_menu_"+this.pageId ;
this.gridTable = new Ext.grid.GridPanel({
el: gridDivId,
store:ds,
cm:cm,
sm:sma,
stripeRows: true,
//autoExpandColumn:2,
viewConfig:{
forceFit:true
},
//autoHeight:true,
height:Main.getBodyHeight() - 10,
width:Main.getBodyWidth() - 200,
tbar : tbar,
bbar : new Ext.PagingToolbar({
store : ds,
afterPageText: '共{0}页',
beforePageText: '当前页',
lastText:"尾页",
nextText :"下一页",
prevText :"上一页",
firstText :"首页",
refreshText:"刷新页面",
pageSize :5,
displayInfo : true,
displayMsg : ' {0} - {1} 条 共 {2} 条记录',
emptyMsg : "暂无数据"
}),
title:'用户管理'
});
this.gridTable.render();
ds.load({params:{start:0,limit:5}});
------解决方案--------------------
错误提示有没？
------解决方案--------------------
友情帮顶。
------解决方案--------------------
- JScript code
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: ""
}),
reader: new Ext.data.JsonReader()
});
var s = 20;
var pageToolbar = new Ext.PagingToolbar({
pageSize: s,
store: store,
afterPageText: '/ {0}',
beforePageText: '页',
displayInfo: true,
displayMsg: '显示 {0} - {1} / {2}',
emptyMsg: '没有数据',
firstText: '第一页',
prevText: '前一页',
nextText: '后一页',
lastText: '最后一页',
refreshText: '刷新',
listeners: {
"next": function() {
}
}
});
// create the Grid
var grid = new Ext.grid.GridPanel( {
id : "grid",
title : "查询结果",
store : store,
columns : cols,
stripeRows : true,
enableHdMenu: false,
enableColumnMove: false,
animCollapse: false,
autoScroll: true,
frame: true,
loadMask: {msg: "检索中"},
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
