【转】Ext.form.ComboBox 属性详解及使用方法介绍和级联使用

[color=blue]属性[/color]
[color=blue]
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:'请选择'//该项如果没有选择，则提示错误信息
[/color]

[size=medium][color=red]例子:[/color][/size]

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]
        });
})