带有自动加载存储的Extjs Grid在首次加载时没有反映分页工具栏

Question

我正在使用 Ext JS 5.0.1，刚刚遇到一个与网格相关的问题。任何帮助将不胜感激。

1. 视图中的网格面板，具有来自 ViewModel 的绑定存储。
2. 分页工具栏停靠在网格底部，并与 ViewModel 共享相同的绑定存储。
3. 使用以下配置将定义存储在 ViewModel 中

代码：

autoLoad: true,
        params: {
            page: 1,
            start: 0,
            limit: 6
        },
        pageSize: 6

4. 自动加载和分页功能一切都很好。

我遇到的问题

页面首次加载后，分页工具栏未显示正确的分页信息。它只是说第 0 页，共 0 页。

我的解决方案

我尝试监听网格的渲染后事件。但此时商店是空的（尚未加载）。所以我只是添加了一个名为“加载”的按钮。按照 ViewController 中处理的以下代码进行操作，效果很好。

Code:
        var grid = this.getReferences().customerGrid,
            store = grid.getStore();


        store.load();

我想要的答案

如何使分页工具栏使用自动加载配置而不需要手动加载？

我刚刚将完整版本的代码放在这里。

Answer 1

您的第一个请求显示什么？ （萤火虫左右） 我想你会看到类似的东西 限制 25 开始 0 第 1 页 而不是你的配置。您应该将参数直接传递给 autoLoad Config

autoLoad: {
   page: 1,
   start: 0,
   limit: 6
}

params 配置可以在 load() 方法中使用