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

本教程向您展現如何建立一個簡單的組合框，並讓它在下拉框中顯示圖片項。您能夠在組合框中使用formatter函數來告訴它如何格式化每個條目。

jQuery EasyUI最新試用版下載請猛戳>>

點擊查看示例

建立圖像組合框

1	<input id="cc" style="width:100px" url="data/combobox_data.json" valuefield="id" textfield="text">

1 2 3 4 5 6

$('#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

有興趣的朋友能夠點擊查看更多有關jQuery EasyUI的教程>>