ExtjS4中的分頁工具欄問題

Question

我是ExtJS4的新手，我在我們的項目中使用分頁工具欄。

grid.getStore().removeAll()

現在問題出在分頁工具欄上，如果我們單擊按鈕，那么它正在檢索商店。我的疑問是如何清除分頁工具欄上的商店？

請幫我。

感謝您，
庫沙爾

Answer 1

我只是花了幾個小時研究這個東西，並想分享一下，以防有人還在尋找它。 看起來Ext.toolbar.Paging不會偵聽在removeAll（）方法上觸發的商店的clear事件。 我的解決方案是對其進行子類化並重寫getStoreListeners，以將onLoad內部函數綁定到clear事件。 我正在使用ExtJS 4.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()
}]

Answer 2

首先，您是否為網格和工具欄配置了相同的存儲庫？ 如果是，則應嘗試清除商店本身，而不要使用grid.getStore（）（例如，myStore.removeAll（））

Answer 3

如果網格和分頁工具欄使用相同的存儲，則分頁工具欄將正常工作。 如果使用單獨的存儲（這是不好的編碼風格），則需要調用此分頁面板的​​存儲的sync方法來同步數據。