我后台传到客户端的数据是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: "检索中"}, bbar: pageToolbar }); grid.render('gridPanel'); store.load({params:{start:0, limit:s}});