ExtjS4中的分页工具栏问题

我是ExtJS4新手。我在项目中使用分页工具栏。我正在使用

grid.getStore().removeAll()

现在的问题是分页工具栏。如果我们点击按钮，它就会检索存储。我的疑问是如何清除分页工具栏中的存储

请帮帮我

谢谢你，

---

Kushal

首先，您是否为网格和工具栏配置了相同的存储？如果是，您应该尝试清除存储本身，而不是使用grid.getStore（）（例如myStore.removeAll（））

首先，您是否为网格和工具栏配置了相同的存储？如果是，您应该尝试清除存储本身，而不是使用grid.getStore（）（例如myStore.removeAll（））

如果网格和分页工具栏使用相同的存储，分页工具栏将正常工作。如果使用单独的存储（这是一种糟糕的编码样式），则需要调用此分页面板的存储的同步方法来同步数据。

如果网格和分页工具栏使用相同的存储，则分页工具栏将正常工作。如果您使用单独的存储（这是一种糟糕的编码方式），则需要调用此分页面板的存储的同步方法来同步数据。

我刚刚花了几个小时研究了这件事，并想与大家分享，以防有人仍在寻找它。看起来Ext.toolbar.Paging不侦听在removeAll（）方法上激发的存储区的clear事件。我的解决方案是对它进行子类化，并重写getStoreListeners以将onLoad内部函数绑定到clear事件。顺便说一下，我正在使用ExtJS4.1

Ext.define('MyApp.ClearablePagingToolbar', {
    extend: 'Ext.toolbar.Paging',
    alias: 'widget.clearablepagingtoolbar',
    getStoreListeners: function () {
        var listeners = this.callParent();

        Ext.apply(listeners, {
            clear: this.onLoad
        });

        return listeners;
    }
});

通过在网格中引用clearablepagingtoolbar使用它，如下所示：

dockedItems: [{
    xtype: 'clearablepagingtoolbar',
    dock: 'bottom',
    displayInfo: true,
    store: this.getSearchResultStore()
}]

---

我只是花了几个小时研究这个东西，想和大家分享一下，以防有人还在找它。看起来Ext.toolbar.Paging不侦听在removeAll（）方法上激发的存储区的clear事件。我的解决方案是对它进行子类化，并重写getStoreListeners以将onLoad内部函数绑定到clear事件。顺便说一下，我正在使用ExtJS4.1

Ext.define('MyApp.ClearablePagingToolbar', {
    extend: 'Ext.toolbar.Paging',
    alias: 'widget.clearablepagingtoolbar',
    getStoreListeners: function () {
        var listeners = this.callParent();

        Ext.apply(listeners, {
            clear: this.onLoad
        });

        return listeners;
    }
});

通过在网格中引用clearablepagingtoolbar使用它，如下所示：

dockedItems: [{
    xtype: 'clearablepagingtoolbar',
    dock: 'bottom',
    displayInfo: true,
    store: this.getSearchResultStore()
}]

---

假定分页工具栏与网格连接到同一个存储区。不是这样吗？请再发一些代码。。比如说你的网格，这样我们就可以理解你是如何配置你的应用程序的。页面工具栏应该和你的网格连接到同一个存储区。不是这样吗？请再发一些代码。。比如说你的网格，这样我们就可以了解你是如何配置你的应用的