extjs搜索框

kzmpq1sx  于 2022-11-04  发布在  其他
关注(0)|答案(2)|浏览(145)

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

wpx232ag

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
    }
mqkwyuun

mqkwyuun2#

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

相关问题