jquery-easyui中自定义下拉框列表项格式

下拉框的列表项一般为一行文本,但实际上可以是任何HTML,所以可以轻易地定义列表项的格式,做为例子,我们来显示带图标的列表项,效果图如下:

jquery-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

 

你可能感兴趣的:(html,jquery,json)