此文章是vip文章,如何查看?  

1,点击链接获取密钥 http://nicethemes.cn/product/view29882.html

2,在下方输入文章查看密钥即可立即查看当前vip文章


Extjs 解决grid分页数据不变

  • 时间:
  • 浏览:
  • 来源:互联网

在使用分页时,前天代码基本没错,但是分页就是不成功,而是一直是不变化,全部加载

原因是没有搞懂怎么分页的

Extjs分页是根据
store.load({params:{start:0,limit:10}}); 中start,limit这两个参数来进行分页的。
start表示开始记录数,limit表示一页的记录数。
 当store第一次load的时候,start=0,limit=10;
 当点击翻页按钮时,store进行load,此时 start=start+pageSize。如果pageSize=10,那么第二页start=10。


前台代码:

var store = new Ext.data.JsonStore
({
       totalProperty:'total',
      fields: ['id','probeArea','probeTime','explanation','areaMark'],  //record是按照此字段数据进行解析
      root:'root',
      remoteSort:true 
});
var pagingToolbar = new Ext.PagingToolbar
({
      emptyMsg:"没有数据",
      displayInfo:true,
      displayMsg:"显示从{0}条数据到{1}条数据,共{2}条数据",
      store:store,
      pageSize:10
 });
var dataGrid = new Ext.grid.GridPanel
({
      id:'dataGrid',
      title:'结果显示',
      frame:true,
      store:store,
      width:windowWidth-16,
      height:windowHeight-250,   
      cm:cm,
      frame:true,
      autoScroll:true,
      stripeRows:true,
      bbar:pagingToolbar,
      listeners:{
                'render':function(){
                      this.bbar.dom.align='center';
     }
  }
});
store.load({params:{start:0,limit:10}}); 
后台可以一次性的将所有的记录查找出来然后根据start,limit的值每次返回的Json串。
也可以根据start和limit的值每一页进行一次查询。为了分页Json串中要加上total表示记录的总条数。

totalProperty:'total', 很重要,主要是pagingbar中从后台返回的json中得到总共数据

后台的返回json中必须包含有total字段

string json = "{'total':"+count+",'root':[{},{}]";

本文链接http://element-ui.cn/news/show-593454.aspx