搜索字段在sencha touch

Question

在我的應用程序中，我必須添加搜索字段和一些選擇字段。 當我在搜索字段中添加任何字符時，應該顯示來自商店的相應內容。 目前我正在使用我正在處理的搜索字段關鍵字事件。 請讓我知道流程和指導方針來做到這一點。 謝謝

Answer 1

我想你想爲你的搜索字段搜索功能..顯​​示結果，你鍵入。您可以使用正則表達式將其與商店中的條目進行比較。

下面是我在一個項目中使用的代碼：

 //referencing my searchfield 
Search: '#searchfield'; 
     //attaching an event 
Search: { 
      keyup: "OnFocus" 
     } 
     //the actual function 
OnFocus: function (searchField, e) { 
    var query = searchField.getValue(); //get the value entered in the search field 
    var ContactsContainer = this.getContactsContainer(); //the container that holds my contacts 
    var store = Ext.getStore('Contacts'); // the store where I have the info 
    store.clearFilter(); //assure there aren't any filters set 

    if (query) { //if the current value in the search field 
     var thisRegEx = new RegExp(query, 'i'); //new regular expression with our value 
     store.filterBy(function (record) {  //filter the store 
      if (thisRegEx.test(record.get('name')) //the fields in the store 
       thisRegEx.test(record.get('surname')) 
       thisRegEx.test(record.get('phone'))) { 
       return true; //must include this 
      }; 


      return false; 
     }); 
    } 

祝您好運！