css样式:
.item-img{
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
cursor: pointer;
}
.item-text{
display:inline-block;
vertical-align:middle;
padding:3px 0 3px 3px;
cursor: pointer;
}
jsp:
<input id="icons" name="icons" style="width: 300px;"/>
js:
$('#icons').combobox({
valueField:'text',
textField:'text',
url:'jsp/icons.jsp',
editable:false,
formatter:function(data){
return '<img class="item-img" src="'+data.url+'"/><span class="item-text">'+data.text+'</span>';
},
});
编辑下拉框赋值
$('#icons').combobox("select", node.iconCls);
相关推荐
easyui的下拉框多选
EasyUi图标扩展样式大全(1700个),在用EasyUI做项目是发现自带的Icon图标太少,而且不是很美观。于是就有了下面的东西,很全的EasyUI图标.
支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配
主要为大家详细介绍了EasyUI实现下拉框多选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
easyui自定义图标扩展1775个
jquery easyui图标拓展
从数据库里查询到的数据通过递归拼接成EasyUI所需要的json格式纯方法代码,有注释
本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码,供大家参考,具体内容如下 加载方式 JS调用加载 自定义下拉框不能通过标签的方式进行创建。 <input id=box /> [removed] $(function () {...
EasyUI自带的Icon图标太少,而且不是很美观,所以整理扩展了一下自定义图标包,前端大神必备神器,导入即用,无需更改!
本篇文章主要介绍了easyui下拉框动态级联加载的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
很多个图标哦,只需要修改easyui的icons样式
因easyui本身图标资源比较少,本人项目中开发碰到需要其他图标扩展,所以自己整理了514个easyui图标。图标图片文件、样式文件都在这了,包括使用方法、技巧。在些和大家分享!
EasyUi图标扩展样式,有同名资源,原先图标命名有点乱,预览的html不方便。这个只是稍微整理了下。
下载之前请看好,不是所有都适用,只是树形下拉框的风格比较贴近bootstrap <link rel="stylesheet" type="text/css" href="easyUI/css/easyui.css"> <link rel="stylesheet" type="text/css" href="easyUI/...
easyui可用拓展小图标,UI可用图标
easyui仿xp下拉框。模仿版本。自用。当云盘了。哈哈~~