【转】Ext.form.ComboBox 属性详解及使用方法引见和级联使用
【转】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:'请选择'//该项如果没有选择,则提示错误信息
例子:
属性
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] }); })