格式化下拉框


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

创建图像下拉框(Combobox)

  1. <input id="cc" style="width:100px"
  2. url="data/combobox_data.json"
  3. valueField="id" textField="text">
  4. </input>
  1. $('#cc').combobox({
  2. formatter:function(row){
  3. var imageFile = 'images/' + row.icon;
  4. return '<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';
  5. }
  6. });

下载 jQuery EasyUI 实例

下载地址