简单的例子:
Ext.onReady(function(){
var combo = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({
fields:['id','name'],
data:[['','ce'],['0','ceshi'],['1','shi'],['2','aa']] //声明一个数组,提供数据
}),
id:'co',
typeAhead:true,
mode:'local',
editable:false,
triggerAction:'all',
emptyText:'select',
displayField:'name',
valueField:'id',
renderTo:'test',
listeners:{
"select":function(){
alert(combo.value);
alert(Ext.get('co').dom.value);
alert(Ext.getCmp('co').getValue());
}
}
});
});
comboBox的一些属性:
store:数据来源
mode,数据来源。默认为remote,从服务器获取数据。local为从本地获取数据
emptyText:为空时显示的文本
editable:是否允许用户输入文本。默认为true,允许用户输入。为false时,不能直接输入。
displayField:文本框显示的内容。
valueField:通过value直接取到该值。
triggerAction:默认为query,你选择某个值后,再次选中下拉框时,只显示之前选择的选项。属性值为all时,每次选择都显示所有的选项。
获取选中下拉框的值:
combo.value 获取valueField的值
Ext.get('co').dom.value 获取id
alert(Ext.getCmp('co').getValue()); 获取显示文本内容。