Sencha touch 实现一个搜索字段

我需要实现一个搜索字段，我需要它与右上角的字段完全相同

目前我确实：

//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('');
},

搜索工作进展顺利。。唯一的问题是，当我按clear（清除）图标清除字段时，点击该字段将保持为空…但我想重新写入“搜索”，就像您在onSearchReset函数中看到的那样

---

有解决办法吗？谢谢

如果您使用的是xtype

searchfield

，那么只需应用config即可。即使您没有使用

xtype:searchfield

，也可以使用

占位符

。您不需要手动将其设置回默认值

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