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 
       }