论坛首页 Web前端技术论坛

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

浏览 8178 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (3)
作者 正文
   发表时间:2010-08-24   最后修改:2010-08-24

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

利用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

 

   发表时间:2010-08-25  
呵呵 之前已经用上了 主要是通过formatter 变换颜色和加URL
0 请登录后投票
   发表时间:2010-08-31  
这个应该挺好弄的吧
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics