具有远程缓冲存储的 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) 后，这个问题就消失了。这可能是因为商店由于 pageSize (30) 太低而无法处理太多 AJAX 调用。