清除 LiveSearchGridPanel 中的搜索文本字段

Posted 2023-02-26

【中文标题】清除 LiveSearchGridPanel 中的搜索文本字段

【英文标题】：Clear the Search Text field in 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

【参考方案1】：

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

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