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

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

jQuery EasyUI最新试用版下载请猛戳>>

点击查看示例

创建图像组合框

1

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

1

2

3

4

5

6

$('#cc').combobox({

formatter:function(row){

varimageFile = 'images/'+ row.icon;

return'<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';

}

});

下载EasyUI示例：easyui-form-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程>>