jquery easyui自定义下拉框列表

发布时间:2020-03-13编辑:脚本学堂
本文介绍了jquery easyui实现自定义下拉框列表的一段代码,有需要的朋友参考下。

下拉框的列表项一般为一行文本,但实际上可以是任何HTML,所以可以轻易地定义列表项的格式。

你子,来显示带图标的列表项,效果图如下:
<a href=http://www.jb200.com/jb/jquery/ target=_blank class=infotextkey>jquery</a> easyui自定义下拉框

利用formatter函数:
 

复制代码 代码示例:
$('#cc').combobox({ 
    url:'combobox_data.json', 
    valueField:'id', 
    textField:'text', 
    formatter:function(row){ 
        return '<img class="item-img" src="'+row.icon+'"/><div class="item-text">'+row.text+'</div>'; 
    } 
}); 
 

原文地址:http://jquery-easyui.wikidot.com/tutorial:form4