【转】Ext.form.ComboBox 属性详解及使用方法介绍和级联使用
属性
id:'cbid',
name:'year',//name只是改下拉的名称
hiddenName:'hyear',//提交到后台的input的name(重要)
width : 80,
store : Wayfoon.Year,//填充数据
emptyText : '请选择',
mode : 'local',//数据模式，local代表本地数据
readOnly : true,//是否只读
value : (new Date()).YEAR,//默认值,要设置为提交给后台的值，不要设置为显示文本
triggerAction : 'all',// 显示所有下列数据，一定要设置属性triggerAction为all
allowBlank : false,//不允许为空
valueField : 'value',//值
displayField : 'text',//显示文本
editable: false,//是否允许输入
forceSelection: true,//必须选择一个选项
blankText:'请选择'//该项如果没有选择，则提示错误信息
例子:
Ext.onReady(function() {var provinces = [[1, '北京'], [2, '上海']];var cities = new Array();cities[1] = [[11, '海淀'], [22, '东城']];cities[2] = [[33, '黄埔'], [44, '浦东'], [55, '静安']];var comboProvinces = new Ext.form.ComboBox({store : new Ext.data.SimpleStore({fields : ["provinceId", "provinceName"],data : provinces}),listeners : {select : function(combo, record, index) {comboCities.clearValue();comboCities.store.loadData(cities[record.data.provinceId]);}},valueField : "provinceId",displayField : "provinceName",mode : 'local',forceSelection : true,blankText : '请选择省份',emptyText : '请选择省份',hiddenName : 'provinceId',editable : false,triggerAction : 'all',allowBlank : true,fieldLabel : '请选择省份',name : 'provinceId',width : 80});var comboCities = new Ext.form.ComboBox({store : new Ext.data.SimpleStore({fields : ["cityId", 'cityName'],data : []}),valueField : "cityId",displayField : "cityName",mode : 'local',forceSelection : true,blankText : '选择地区',emptyText : '选择地区',hiddenName : 'cityId',editable : false,triggerAction : 'all',allowBlank : true,fieldLabel : '选择地区',name : 'cityId',width : 80}); var form = new Ext.form.FormPanel({ region: 'center', labelWidth: 100, border: false, labelAlign: 'right', applyTo: 'select-div', height: 200, width: 400, layout: 'form', items: [comboProvinces, comboCities] });})