如何告诉商店加载了哪个页面

Question

我有一个绑定到网格的商店。当它被加载时，它有n页。

现在我想显示包含特定值的页面。为了做到这一点，我使用 store.load({params: {'file': 'file33939'}}); （使用“file”是因为网格显示文件列表，但它不相关来提问）。现在我不知道它应该是什么页面。响应如下所示：

{
  "files":[{"id":"33939", "name": "file33939"}, /* ... */],
  "total": 1000,
  "page": 13
}

网格显示正确的数据（真正包含“file33939”的页面）。但是，pagingtoolbar、grid 的 rownumberer 和 store.indexOfTotal() 的行为就像加载了第一页（而不是第 13 页）。

我如何“告诉”商店商店刚刚加载的页面是 13？

Answer 1

要更改加载的页面，您不应使用store.load()。您应该找到一种方法来获取给定数据的页码（例如，通过 ajax 请求询问服务器），然后通过 pagingtoolbar.move(pageNumber) 更新页面。这将更新您的分页工具栏以及网格和商店，并且所有内容都保持同步。

Answer 2

我已经找到合适的解决方案。这不是最优雅的解决方案。然而它有效。

在深入研究 sencha 代码后，我发现 pagingtoolbar 和 store.indexOfTotal() 正在使用 record.index （在我的例子中设置为就像加载第一页一样）。 record.index 由函数 store.loadRecords 中的存储设置：

loadRecords: function(records, options) {
    // ...
    //FIXME: this is not a good solution. Ed Spencer is totally responsible for this and should be forced to fix it immediately.
    for (; i < length; i++) {
        if (options.start !== undefined) {
            records[i].index = options.start + i;

        }
    // ...
},

FIXME 注释不是我的。它在代码中。

理想的解决方案是找到一个在响应到来之后、调用 loadRecords 之前触发的事件，并覆盖处理程序中的 options 。不过我还没有发现这样的事件。

但你总是可以覆盖 loadRecords：

Ext.define('MyApp.store.MyStore', {
    extend          : 'Ext.data.Store',
    // ...
    loadRecords     : function(records, options) {
        if (this.proxy.reader.rawData.page) {
            var page = this.proxy.reader.rawData.page;

            // This is for pagingtoolbar
            this.currentPage = page;

            // The following is for rownumberer and correct index behaviour
            options.page = page;
            options.start = (page-1)*options.limit;
        }
        this.callParent(arguments);
    },
    // ...
});