清除 LiveSearchGridPanel 中的搜索文本字段答案

【问题标题】：Clear the Search Text field in LiveSearchGridPanel清除 LiveSearchGridPanel 中的搜索文本字段
【发布时间】：2013-08-21 14:18:34
【问题描述】：

我们在 ExtJS 4.2.1 中使用 LiveSearchGrid 面板，类似于下面的示例，带有分页。当用户在一个页面中搜索记录，然后转到另一个页面时，搜索文本字段不会被清除，并且单击下一个或上一个按钮会显示一些随机结果（基于上一个搜索）。如何清除 LiveSearchGridPanel 中的此搜索文本字段？

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

我查看了 LiveSearchGridPanel 的 API 文档，但它没有提供对搜索文本字段的简单处理。

【问题讨论】：

可能包含一些代码？另一个页面是什么意思？你不应该像初始化那样做：searchvalue: null 吗？
不要与分页混淆。我有一个“分页工具栏”作为网格中的停靠项目之一。我感兴趣的是如何在 LiveSearchGridPanel 中获取 SearchValue 的句柄。我试过这个没有用。 Ext.getCmp('LiveSearchGridPanelID').searchValue = null

标签： extjs pagination gridpanel

【解决方案1】：

在分页工具栏的beforechange 事件上添加监听器。像这样的：

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

【讨论】：