教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery easyui自定义下拉框列表

jquery easyui自定义下拉框列表

发布时间:2015-12-30   编辑:jiaochengji.com
本文介绍了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

您可能感兴趣的文章:
jquery easyui自定义下拉框列表
Jquery插件 easyUI属性汇总
Jquery easyui之datagird查询框扩展示例
jQuery自定义下拉列表 DropKick
jQuery的UI插件 Smart UI
jQuery的UI组件 EasyUI
JQueryEasyUI datagrid框架的基本使用
jquery easyui 分页的使用方法
asp.net+jquery滚动滚动条加载数据的下拉控件
jQuery 文本框模拟下拉列表效果

关键词: easyui  jquery easyui  下拉框  下拉列表   
[关闭]
~ ~