格式化下拉列表框选项

使用教程 » 格式化下拉列表框选项

本教程将展示如何创建一个简单的组合框，在下拉面板中显示图像项。 您可以使用combobox上的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 实例: