0

検索フィールドを実装する必要があり、右上隅にあるものとまったく同じである必要があります 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関数でわかるように、「検索」を書き直したいです....

解決策はありますか？ありがとう！

4

1 に答える 1

1

xtype を使用している場合は、 configsearchfieldを適用するだけです。placeHolderを使用していない場合でも、xtype:searchfield使用できますplaceHolder。手動でデフォルト値に戻す必要はありません。

xtype: 'searchfield',
label: 'Query',
placeHolder:'Search',
name: 'query'
于 2013-02-15T14:54:07.957 に答える