easyui 如何添加自定义图标

easyui 的图标除了必要的图标，其它拓展的图标就没有了，这样就感觉我们不够用是不是。为此，我们可以在其源文件添加一下代码就可以了：

 

1、到网上下载自己需要的16*16的png图标，把图片名称改为自己需要的，然后把图片复制到easyUI的 hemesicons目录下，即小图标icons目录，这个目录是专门存放easyUI中工具栏，状态栏，链接等用到的小图标，而每一个图标在css中都是唯一的，下面修改css，定义新添加的图标。

2、找到easyUI目录下的themes目录，在其根目录有一个名为icon.css的文件，这个文件用于定义小图标的，定义如下：

.icon-sound{
     background:url("icons/sound.png") no-repeat center center;
}

其中：icon-sound中的sound必须对应图片名称。

3、在html中引用，图标。

<div title="用户管理" data-options="selected:true,iconCls:'icon-user'" class="list">
   <ul>
         <li><a href="javascript:;" onclick="openTab('list')">用户列表</a></li>
  </ul>
</div>

 

其中iconCls:'icon-user'中的icon-sound就是css中的class名称。

 转至http://www.qiandl.com/seo-519-seo_show.html