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

jQuery EasyUI 表单 – 格式化下拉框

本节介绍了格式化jQuery EasyUI下拉框（Combobox）的操作。

下述示例向您展示如何创建一个简单的下拉框，让它在下拉框中显示图片项。您可以在下拉框上使用formatter函数来告诉它如何格式化每一个条目。

创建图像下拉框（Combobox）

	<input id="cc" style="" 
                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 实例

jeasyui-form-form4.zip