ExtJS 版本:4.1.0
我有一个无限滚动网格,其远程缓冲存储声明如下:
Ext.define('App.store.UserGridStore', {
extend: 'Ext.data.Store',
autoLoad: true,
buffered: true,
pageSize: 30,
leadingBufferZone:60,
trailingBufferZone:60,
scrollToLoadBuffer:20,
numFromEdge:20,
clearOnPageLoad:false,
isSortable: true,
remoteSort: true,
proxy: {
type: 'ajax',
url: 'Service/data',
reader: {
type: 'json',
root: 'data',
noCache: true,
successProperty: 'success',
totalProperty: 'total'
}
}
});
在一个有几页行的页面上,当用户一直向下滚动然后返回到第 1 页时,网格会重新呈现除第 1 页(它只显示空白区域)之外的所有页面。
商店似乎正确地向我的后端服务发出了查询,并且该服务返回了正确的数据。但是,数据不会呈现在网格上。
有解决这个问题的建议吗?谢谢。
最佳答案
在我将 pageSize 设置为更大的数字 (300) 后,这个问题就消失了。发生这种情况的原因可能是由于页面大小 (30) 较低,商店无法处理太多 AJAX 调用。
关于具有远程缓冲存储的 ExtJS 网格无法呈现第一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15380287/