extjs - LiveSearchGridPanel の検索テキスト フィールドをクリアします。

Question

以下の例のように、ExtJS 4.2.1 で LiveSearchGrid パネルをページネーションと共に使用しています。ユーザーがあるページでレコードを検索してから別のページに移動すると、検索テキスト フィールドはクリアされず、次または前のボタンをクリックするとランダムな結果が表示されます (前の検索に基づいています)。LiveSearchGridPanel でこの検索テキスト フィールドをクリアするにはどうすればよいですか?

http://dev.sencha.com/deploy/ext-4.0.1/examples/grid/live-search-grid.html

LiveSearchGridPanel の API ドキュメントを調べましたが、検索テキスト フィールドへの簡単なハンドルが提供されていません。

Answer 1

beforechangeページング ツールバーのイベントにリスナーを追加します。このようなもの：

{
    xtype: 'pagingtoolbar',
    // ...
    listeners: {
        beforechange: function() {
            this.up('grid').down('textfield[name=searchField]').setValue('');
        }
    }
}