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

控件聲明如上