jQuery EasyUI使用教程：格式化组合框项

---

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

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

创建图像组合框

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

下载EasyUI示例：

购买正版授权的朋友可以点击""哦~~~