Searchfield在煎茶触摸
问题描述:
我试图搜索字段添加到我的煎茶触摸1.1的形式,而是通过煎茶触摸提供的例子去后,我无法找到一个方法来提供动态存储到搜索领域。 我有一个店,这将动态地获取数据。 商店包含的场所列表,当用户输入的地方的第一个字母,应该给他的从字母 这里出发地点清单是我所使用的代码。Searchfield在煎茶触摸
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
});
有人可以请帮忙。 谢谢
答
这是我的代码。它工作正常,我已经停靠在一个面板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
}
你能后的商店定义是什么? – stan229