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('');
        }
    }
}