Easyui所有图标
拿到自己代码上运行吧
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<!--基本ui-->
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<!--图标-->
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo/demo.css">
<!-- 引入jQuery -->
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head> <body>
<!--基本表格布局-->
<table class="easyui-datagrid" title="所有自带icon" data-options="singleSelect:true,collapsible:true" style="width: 500px; height: 1000px;">
<thead>
<tr>
<th data-options="field:'id' , width:150">id</th>
<th data-options="field:'iconCls' , width:150">iconCls</th>
<th data-options="field:'xx' , width:200">图片</th>
</tr>
<tr>
<th data-options="field:'id' , width:150">01</th>
<th data-options="field:'id' , width:150">icon-back</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/back.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">02</th>
<th data-options="field:'id' , width:150">icon-blank</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/blank.gif" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">03</th>
<th data-options="field:'id' , width:150">icon-cancel</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/cancel.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">04</th>
<th data-options="field:'id' , width:150">icon-back</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/back.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">05</th>
<th data-options="field:'id' , width:150">icon-clear</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/clear.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">06</th>
<th data-options="field:'id' , width:150">icon-cut</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/cut.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">07</th>
<th data-options="field:'id' , width:150">icon-edit_add</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/edit_add.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">08</th>
<th data-options="field:'id' , width:150">icon-edit_remove</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/edit_remove.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">09</th>
<th data-options="field:'id' , width:150">icon-filesave</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/filesave.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">10</th>
<th data-options="field:'id' , width:150">icon-filter</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/filter.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">11</th>
<th data-options="field:'id' , width:150">icon-help</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/help.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">12</th>
<th data-options="field:'id' , width:150">icon-large_chart</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/large_chart.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">13</th>
<th data-options="field:'id' , width:150">icon-large_clipart</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/large_clipart.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">14</th>
<th data-options="field:'id' , width:150">icon-large_picture</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/large_picture.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">15</th>
<th data-options="field:'id' , width:150">icon-large_shapes</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/large_shapes.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">16</th>
<th data-options="field:'id' , width:150">icon-large_smartart</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/large_smartart.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">17</th>
<th data-options="field:'id' , width:150">icon-lock</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/lock.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">18</th>
<th data-options="field:'id' , width:150">icon-man</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/man.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">19</th>
<th data-options="field:'id' , width:150">icon-mini_add</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/mini_add.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">20</th>
<th data-options="field:'id' , width:150">icon-mini_edit</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/mini_edit.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">21</th>
<th data-options="field:'id' , width:150">icon-mini_refresh</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/mini_refresh.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">22</th>
<th data-options="field:'id' , width:150">icon-more</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/more.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">23</th>
<th data-options="field:'id' , width:150">icon-no</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/no.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">24</th>
<th data-options="field:'id' , width:150">icon-ok</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/ok.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">25</th>
<th data-options="field:'id' , width:150">icon-pencil</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/pencil.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">26</th>
<th data-options="field:'id' , width:150">icon-print</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/print.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">27</th>
<th data-options="field:'id' , width:150">icon-redo</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/redo.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">28</th>
<th data-options="field:'id' , width:150">icon-reload</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/reload.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">29</th>
<th data-options="field:'id' , width:150">icon-search</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/search.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">30</th>
<th data-options="field:'id' , width:150">icon-sum</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/sum.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">31</th>
<th data-options="field:'id' , width:150">icon-tip</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/tip.png" /></th>
</tr>
<tr>
<th data-options="field:'id' , width:150">32</th>
<th data-options="field:'id' , width:150">icon-undo</th>
<th data-options="field:'id' , width:200"><img src="../themes/icons/undo.png" /></th>
</tr>
</thead>
</table>
</body> </html>
Easyui所有图标的更多相关文章
- 使用webfont为easyui扩充图标
目前回到pc端开发,开始用了easyui这个框架.重拾easyui后感觉这个框架用的很多技术太古老,页面风格也太控件化.单从图标一项来说吧,这种花花绿绿的图标用户一看都傻了眼,同时整个框架就提供了那么 ...
- 使用Font Awesome替换EasyUI的图标
用过EasyUI的朋友都知道,大部分组件都有一个iconCls属性,用于显示一个图标.但是EasyUI自带图标数量少.不美观,于是想到了使用Font Awesome来更换和拓展这些图标. 先看看Eas ...
- jquery easyui添加图标扩展
easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标. 方式:1.我们可以在jquery easyui的文 ...
- easyui 放大镜图标
iconCls:search 对应的 easyui的查询图标忒丑 想用放大镜图标 iconCls:zoom 找半天找到放大镜图标的 然后去icon.css文件中查 发现这个样式就叫zoom.
- [转]easyui 全部图标
原文地址:http://blog.163.com/shexinyang@126/blog/static/136739312201491011492263/ 拿jquery-easyui-1.2.6举例 ...
- easyUI默认图标的使用
使用格式如下: <table id="table" class="easyui-datagrid" style="width:600px;hei ...
- jquery easyui 全部图标
所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.css .i ...
- easyui加入自己定义图标
近期用easyui发现图标挺少的,事实上能够另外加入一个css样式,只是我偷懒,直接在easyui的css里面加入了. 以下是文件夹: icon.css是easyui的默认样式文件.ext_icons ...
- easyui图标对照
转自:https://blog.csdn.net/qq_34545192/article/details/78250816 原作者文章地址: http://www.cnblogs.com/timeme ...
- 【tornado】系列项目（二）基于领域驱动模型的区域后台管理+前端easyui实现
本项目是一个系列项目,最终的目的是开发出一个类似京东商城的网站.本文主要介绍后台管理中的区域管理,以及前端基于easyui插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...
随机推荐
- spring使用RedisCacheManager管理key的一些问题
spring可以很好地管理各种内存的快速缓存. 这些常见的内存缓存库实现方式有redis,Ehcache. 本文阐述的是redis,毕竟这个东西相当容易使用. spring通过 org.springf ...
- Ethercat设备数据 转 EthernetIP项目案例
1 案例说明 1. 设置网关采集EtherCAT设备数据 2. 把采集的数据转成EthernetIP协议转发给其他系统. 2 VFBOX网关工作原理 VFBOX网 ...
- Nginx配置文件nginx.conf中location的匹配原则
一.空格:默认匹配.普通匹配 location / { root /home; } 二.= :精确匹配(表示匹配到 /home/resources/img/face.png 这张图片) locati ...
- FFmpeg变速处理视频文件
使用工具:小丸工具箱,HandBrake,FFmpeg 首先确定视频是否为VFR(可变帧率),如果是VFR需要在二次处理前转换成CFR(固定帧率) VFR转换CFR可以使用FFmpeg命令行或Hand ...
- 详解Web应用安全系列(4)失效的访问控制
在Web安全中,失效的访问控制(也称为权限控制失效或越权访问)是指用户在不具备相应权限的情况下访问了受限制的资源或执行了不允许的操作.这通常是由于Web应用系统未能建立合理的权限控制机制,或者权限控制 ...
- 自己写一个 NODE/ATTR 的结构
## python 3.8 以上 from typing import Dict, List, TypeVar, Tuple, Generic, get_args import json T = Ty ...
- InvocationTargetException和UndeclaredThrowableException异常介绍
今天来介绍了两个陌生又熟悉的异常类,熟悉是因为我们经常会遇到它们,陌生是好像又从来不知道它们是做什么的 假定读者已经清楚了Java的异常分类: 一是程序不能处理的错误(Error), 二是程序应该避免 ...
- 测试人必会 K8S 操作之 Dashboard
在云计算和微服务架构的时代,Kubernetes (K8S) 已成为管理容器化应用的标准.然而,对于许多新手来说,K8S 的操作和管理常常显得复杂而神秘.特别是,当你第一次接触 K8S Dashboa ...
- [oeasy]python0012_字符_character_chr函数_根据序号得到字符
字符(character) 回忆上次内容 上次了解了ord函数 这个函数可以通过字符得到序号 那么可以反过来吗? 通过序号得到字符可以吗? 编辑 ord的逆运算chr 有来就有回 编辑 好 ...
- oeasy教您玩转vim - 74 - # 功能键Fn映射map进阶
映射map 回忆上次缩写的细节 上次了解到了:map映射 可以定义映射 :map ; : 查询映射 :map :map ; 还可以取消映射 :unmap 可以映射到指定的模式 :map 所有模式 ...