jQuery EasyUI使用教程：格式化組合框項

---

Kendo UI for jQuery——創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

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

創(chuàng)建圖像組合框

<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示例：easyui-form-demo.zip

購買正版授權(quán)的朋友可以點擊"咨詢在線客服"哦~~~