easyUI 格式化ComboBox

@author YHC

这个教程像你展示如何创建一个简单的combobox 让它显示图片项在下拉框中,你可以使用formatter 函数在combobox 去告诉它如何格式化每一个条目.

查看 Demo

创建 Image Combobox

<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 示例代码:

easyui-form-demo.zip