先上代码
var combostore = new Ext.data.ArrayStore({
fields: ['name'],
data: [['昆明'], ['保山'], ['楚雄'],['大理'],['德宏'],['迪庆'],['红河'],['丽江'],['临沧'],
['怒江傈'],['普洱'],['曲靖'],['文山'],['西双版纳'],['玉溪'],['昭通'],['全部']]
});
var combobox = new Ext.form.ComboBox({
id:'city',
name :'city',
fieldLabel: '地市',
store: combostore,
valueField: 'name',
displayField: 'name',
emptyText:'请选择地市名称',
editable: false,
allowBlank:false,
triggerAction: 'all', //下拉匹配值
mode: 'local', //表示数据源为本地数据源 值为"remote"表示数据源来自服务器,并且它为默认值
anchor : '85%'
});
combobox.setValue("昆明"); //设初值
基本配置
multiSelect:内置多选,设置未true的话下拉可以多选
displayField:展现的名称(根据store)
editable:是否可编写
mode:如果值为‘local’表示加载本地数据源,为‘remote’表示加载服务器端数据源,并且它为默认值
allowBlank:表示值是否允许为空,默认是可以的
valueField:表示值,(根据store)
triggerAction:默认为‘query’,最好还是‘all’试一下就可以
具体请参照api
extjs3api和extjs4api:下载链接http://download.youkuaiyun.com/detail/scqdscy1994/9716718