论坛首页 入门技术论坛

easyui-combobox 添加小图标

浏览 2002 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2017-06-21  
1.首先在easyui文件/easyui/themes/icon.css
1.1、在icon.css里面自定义图标样式
例如:
.icon-black{
background:url('../../../../resources/images/vehicle/black.jpg') no-repeat center center;
}
2.在jsp文件中定义easyui-combobox
例如: <input id="vechicleColour"  name="vehicleColour"
class="easyui-combobox" style="width:100%;" data-options="
showItemIcon: true,
data: [
{value:'黑色',text:'黑色',iconCls:'icon-black',selected:true}
],
editable: false,
panelHeight: 'auto',
labelPosition: 'top'
">
在date:里面iconCls后面引入类icon-black即可
此处我只定义一个css样式,定义多个原理一样,data里面使用‘,’分隔即可

在工作中遇到的问题,解决之后,分享给大家
刚开始学着写分享,不好的地方,希望老铁们指出,大家一起进步,谢谢
easyui 英文官网地址:[align=center][/align]http://www.jeasyui.com/demo/main/index.php?plugin=ComboBox&theme=default&dir=ltr&pitem=&sort=
  • 大小: 84 KB
  • 大小: 11.9 KB
论坛首页 入门技术版

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