清除LiveSearchGridPanel中的“搜索文本”字段

Question

我们正在使用ExtJS 4.2.1中的LiveSearchGrid面板，类似于下面的示例，使用Pagination。当用户在一个页面中搜索记录，然后转到另一个页面时，不会清除搜索文本字段，单击下一个或上一个按钮会显示一些随机结果（基于之前的搜索）。如何在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('');
        }
    }
}