sencha-touch - 实现一个搜索域

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'