jQuery EasyUI 表單 – 格式化下拉框（ComboBox）

jQuery EasyUI 表單 - 格式化下拉框

本節(jié)介紹了格式化jQuery EasyUI下拉框（Combobox）的操作。

下述示例向您展示如何創(chuàng)建一個簡單的下拉框，讓它在下拉框中顯示圖片項(xiàng)。您可以在下拉框上使用formatter函數(shù)來告訴它如何格式化每一個條目。

創(chuàng)建圖像下拉框（Combobox）

	<input id="cc" style="width:100px" 
                url="data/combobox_data.json" 
                valueField="id" textField="text">
	</input>

	$('#cc').combobox({
		formatter:function(row){
			var imageFile = 'images/' + row.icon;
			return '<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';
		}
	});

下載 jQuery EasyUI 實(shí)例

jeasyui-form-form4.zip