Question

EXTJS grid 分页成功但是还是显示全部数据

如图数据已经取出，40条数据，分三页，一查询显示全部数据，点下一页按钮，或者刷新就能正常分页！
JS代码
obj.SushePanelA = new Ext.grid.GridPanel({ id : 'SushePanelA' ,loadMask : true ,buttonAlign : 'center' ,loadMask : {text:'Loading...'} ,region : 'west' ,width : 430 //,split: true ,minWidth: 10 ,maxWidth: 500 ,autoScroll : true ,animCollapse: true //,collapsible : true //,collapsed : true ,margins: '0 0 0 5' ,store : obj.SushePanelAStore ,columns: [ new Ext.grid.RowNumberer() ,{header: '宿舍号', width: 60, dataIndex: 'SSSushe', sortable: false,align:"center"} ,{header: '已住人数', width: 58, dataIndex: 'SSNub', sortable: false, align:"center"} ,{header: '一号床', width: 65, dataIndex: 'CW1', sortable: false,align:"center",renderer:redderSS} ,{header: '二号床', width: 65, dataIndex: 'CW2', sortable: false,align:"center",renderer:redderSS} ,{header: '三号床', width: 65, dataIndex: 'CW3', sortable: false,align:"center",renderer:redderSS} ,{header: '四号床', width: 65, dataIndex: 'CW4', sortable: false,align:"center",renderer:redderSS} ] ,bbar: new Ext.PagingToolbar({ pageSize : 15, store : obj.SushePanelAStore, displayMsg: '显示记录： {0} - {2}', displayInfo: true, emptyMsg: '没有记录' }) ,iconCls: 'icon-grid' ,viewConfig : { forceFit : true ,getRowClass : function(record,rowIndex,rowParams,store) { if(record.data.SSNub>0) { return 'yellow-row'; } } } });

Answer 1

不懂你后台怎么写的，第一次请求也只要返回15条就可以了，不要返回全部数据。

extjs分页，比如你有40条数据，你要分页，每页15条。
后台做的时候，并不要返回40条，只要返回15条就够了。然后带一个总数40条。即可。
这样，extjs就知道，你有三页。

追问

我数据库中有四十条数据啊，这四十条都需要

追答

知道，extjs的分页是一点一点去加载，一次显示分页的条数。比如10条，这样对前台也好。
你那个一下子全部返回给前台，然后再做分页，就不叫分页了。
假设有1000W的数据，你也要一下子返回？

Answer 2

SushePanelAStore的代码贴出来看看,Store里面要设置pageSize: 15的属性,这样第一次初始化加载数据的时候才能把limit赋值传入后台,你打开浏览器工具查看你第一次远程请求时的参数看看,是不是limit或者page的值为空?

追问