Question

我有一个ajax商店如下：

buildSearchStore: function(storeID, storeType, resultFields, pageSize) {
    var extraParams = '&type='+storeType+'&entitiesID='+windowData.entitiesID;
    return Ext.create('Ext.data.Store', {
        storeId: storeID,
        remoteFilter: true,
        fields: resultFields,
        pageSize: pageSize,
        proxy: {
            type: 'ajax',
            noCache: false,
            url: this.statics().BASE_SERVER_URL+extraParams,
            reader: {
                type: 'json',
                root: 'rows'
            }
        }
    });
}

在前端我有一个由这个商店定义的网格，我试图把PagingToolbar放到那个网格上：

this.bbar = Ext.create('Ext.PagingToolbar', {
               store: this.store,    
               displayInfo: true,
               pageSize:10,
               displayMsg: 'Records {0} - {1} of {2}',
               emptyMsg: "No records to display",
            });

除了网格显示所有记录之外，一切都运行正常，我希望一次显示一批10条记录的网格。我已经看到了文档，如果我使用代理作为内存或某些东西正在为其他人工作，但它不适合我，因为我无论如何都不能拥有内存代理。任何有关此问题的帮助都将受到高度赞赏

Answer 1

最重要的是，分页最终取决于您。＆＃34;分页＆＃34; Ext JS提供的实际上并不控制从服务器返回的数据。相反，它只是通过页面/限制/启动等发送，以帮助您了解在服务器端需要做什么，以返回Ext JS可以在＆＃34;分页＆＃34中使用的正确数据集;数据。

换句话说，Ext JS正在准确显示所有记录，因为这就是你给它的东西。如果您希望分页数据在网格中工作，您需要更新服务器端代码以适应Ext JS发送给您的页面/限制/启动指令，以便构造要返回的正确数据集。

http://existdissolve.com/2014/01/ext-js-4-demystifying-grid-paging/

extjs 4.2分页不控制pageSize

1 个答案: