extjs - 具有远程缓冲存储的 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 调用。