extjs搜索框

kzmpq1sx 于 2022-11-04 发布在其他

关注(0)|答案(2)|浏览(146)

我正在尝试添加一个搜索框，与 Sencha docs主页http://docs.sencha.com/ext-js/4-0/上的搜索框完全相同
我使用了示例http：//docs.sencha.com/ext-js/4-0/#！/example/form/forum-search.html中的代码，除了一件事之外，一切都和预期的一样。
当我从搜索框的列表中选择一个选项时，组合框的值将设置为选定的值。当我按下向下箭头按钮时，它将使用修改后的查询执行新的搜索。但我只想查看上一次搜索的结果-与 Sencha 页面上搜索框的行为完全相同
有什么办法可以做到吗？

extjs

来源：https://stackoverflow.com/questions/13670091/extjs-search-box

2条答案

按热度按时间

wpx232ag1#

在尝试了各种各样的事情后，下面的代码做了我所需要的，但也许有一个更好的方法。
我必须将triggerAction设置为“query”，还必须在select事件处理程序中手动重置组合框的文本

var searchBox = {
      xtype: 'combo',
        store: dataStore,
        displayField: 'title',
        valueField: 'id',
        autoSelect: false,
        typeAhead: false,
        fieldLabel: 'Search for',
        hideTrigger:true,
        anchor: '100%',
        mode:'remote',
        triggerAction: 'query', 
        listeners: {
            'select' : function(combo) {
                var selected = this.value;
                combo.setValue(combo.lastQuery);
                showResult(selected);                   
            }
        },
        listConfig: {
            loadingText: 'Searching ...',
            emptyText: 'No matching posts found.',
            getInnerTpl: function() {
                return '<a class="search-item" href="?term={id}" onclick="return javascript:showResult(\'{id}\')">' +
                    '<h3><span>{title}<br /></span>{id}</h3></a>';
            }
        },
        pageSize: 10
    }

赞(0）回复(0）举报 2022-11-04

mqkwyuun2#

您需要此页面中的第一个示例。请首先键入“A”。

赞(0）回复(0）举报 2022-11-04