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