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

2019独角兽企业重金招聘Python工程师标准>>>

本教程向您展示如何创建一个简单的组合框，并让它在下拉框中显示图片项。您可以在组合框中使用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的教程>>

 

转载于:https://my.oschina.net/u/2317468/blog/742875