具有远程缓冲存储的 ExtJS 网格无法呈现第一页

Question

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 页(它只显示空白区域)之外的所有页面。

商店似乎正确地向我的后端服务发出了查询，并且该服务返回了正确的数据。但是，数据不会呈现在网格上。

有解决这个问题的建议吗？谢谢。

Answer 1

在我将 pageSize 设置为更大的数字 (300) 后，这个问题就消失了。发生这种情况的原因可能是由于页面大小 (30) 较低，商店无法处理太多 AJAX 调用。