EasyUI combobox 使用

	var provinceArr=[{text:'部属单位'},{text:'北京市'},{text:'天津市'},{text:'上海市'},{text:'重庆市'},{text:'河北省'},{text:'山西省'},{text:'辽宁省'},{text:'吉林省'},{text:'黑龙江省'},{text:'江苏省'},{text:'浙江省'},{text:'安徽省'},{text:'福建省'},{text:'江西省'},{text:'山东省'},{text:'河南省'},{text:'湖北省'},{text:'湖南省'},{text:'广东省'},{text:'海南省'},{text:'四川省'},{text:'贵州省'},{text:'云南省'},{text:'陕西省'},{text:'甘肃省'},{text:'青海省'},{text:'台湾省'},{text:'内蒙古'},{text:'宁夏'},{text:'新疆'},{text:'西藏'},{text:'香港'},{text:'澳门'}];
    $("#province").combobox({
        valueField: 'text',
        textField: 'text',
        data : provinceArr,
        editable:false
    });

中间每一个对象代表一条数据，valueField 选项的值，textField选项的显示文本。

data：用来组建下拉选想的数据，静态数据

下面使用URL来获取服务器的数据填充下拉框

    $("#shipType").combobox({
        url: 'getAllShipTypeForCombobox.action',
        valueField: 'id',
        textField: 'text'
    });

使用combobox实现联动的效果

	$("#ituGenericType").combobox({
		url: 'getAllItuGenericTypeInfList.action',
        valueField: 'id',
        textField: 'text',
        editable:false ,
        onSelect : function(rec){
            reloadItuTypes(rec.id);
        }
	});

其中onSelect所触发的函数就是填充子目录

function reloadItuTypes(genericItuType){
	var url = 'getItuTypeByGenericTypeId.action?ituGenericTypeId='+genericItuType;   
    $('#ituType').combobox('reload', url);
}

以上是所触发的函数，触发函数后对ituType控件进行数据的加载

	$('#ituType').combobox({
        valueField: 'ituTypeId',
        textField: 'ituTypeName',
        editable: false
	});

控件声明如上