Searchfield在煎茶觸摸

Question

我試圖搜索字段添加到我的煎茶觸摸1.1的形式，而是通過煎茶觸摸提供的例子去後，我無法找到一個方法來提供動態存儲到搜索領域。 我有一個店，這將動態地獲取數據。 商店包含的場所列表，當用戶輸入的地方的第一個字母，應該給他的從字母 這裏出發地點清單是我所使用的代碼。

var searchField = new Ext.form.Search({ 
     name : 'search', 
     placeHolder: 'Search', 
     useClearIcon: true, 
     data:siteStore, 
     autoComplete:true, 


    }); 


inputDataForm = Ext.extend(Ext.Panel, { 
    scroll: 'vertical', 
    autoDestroy: true, 
    layout: 'fit', 
    id:'inputForm', 


    initComponent: function() { 



    this.items = [{ 
        xtype: 'form', 
        cls: 'formClass', 
        id:'inputImageForm',       
        bodyPadding: '0', 
        scroll: 'vertical', 


        items: [searchField], 
        }];  

    inputDataForm.superclass.initComponent.call(this); 

    }, // End fo initComponent 

}); 

有人可以請幫忙。 謝謝

Answer 1

這是我的代碼。它工作正常，我已經停靠在一個面板searchfield。
您可以使用此，我相信它的工作原理。

, dockedItems: [{ 
       xtype:'searchfield' 
      , name: "searchfield" 
      , placeHolder: 'Search Patient' 
      , id: 'searchPat' 
      , listeners: { 
        keyup: function(me,e){ 
         var searchData = me.getValue(); 
         Ext.Ajax.request({ 
          url:'your data url' 
         , params:{ 
           filter: searchData 
          } 
         , scope: this 
         , success: function(res){ 
           var rec = Ext.decode(res.responseText); 
           var def = typeof (rec.success); 
           if(def != "undefined"){ 
            this.store.removeAll(); 
            this.store.loadData(rec.patients); 
           } 
          } 
         , failure:function(res){ 
           console.log(res); 
          } 
         }) 
        } 
       , scope: this 
       }