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

时间:2013-03-13 08:31:08

标签: extjs extjs4

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

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

任何指针都可以解决这个问题?感谢。

1 个答案:

答案 0 :(得分:3)

将pageSize设置为更大的数字(300)后,此问题消失了。这可能是因为由于pageSize(30)低而商店无法处理太多的AJAX调用。