Extjs----comboBox使用

来源：互联网发布：硬盘数据彻底删除软件编辑：程序博客网时间：2024/06/11 14:29

先上代码

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.csdn.net/detail/scqdscy1994/9716718

1 0