Question

我需要实现一个搜索字段，我需要它与右上角http://docs.sencha.com/touch/2-0/#

中的字段完全相同

现在我做：

//called on key up
onSearchQueryChanged: function(field) {
var queryString = field.getValue();

    var store = Ext.getStore('Customers');
store.clearFilter();

if(queryString){
    var thisRegEx = new RegExp(queryString, "i");
    store.filterBy(function(record) {
            if (thisRegEx.test(record.get('name')) || thisRegEx.test(record.get('code')))   
            return true;
            };
        return false;
    });
    }
},

//clearicontap
onSearchReset: function(field, b, c) {
var store = Ext.getStore('Customers');
    store.clearFilter();
field.setValue('Search');
},

//focus
onMouseOn: function(field, b, c) {
field.setValue('');
},

搜索工作正常..唯一的问题是当我清除字段时按下清除图标点击该字段保持为空...但我想重新编写'搜索'，就像你可以在onSearchReset函数中看到的那样....

有解决方案吗？谢谢！

Answer 1

如果您使用的是xtype searchfield，则只需应用placeHolder配置即可。即使您没有使用xtype:searchfield，也可以使用placeHolder。您无需手动将其重新设置为默认值。

xtype: 'searchfield',
label: 'Query',
placeHolder:'Search',
name: 'query'

实现一个搜索域

1 个答案: