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插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...
随机推荐
- PIC18 bootloader之RS485 bootloader
了解更多关于bootloader 的C语言实现,请加我Q扣: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制b ...
- 有点东西，template可以直接使用setup语法糖中的变量原来是因为这个
前言 我们每天写vue3代码的时候都会使用到setup语法糖,那你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢?setup语法糖是如何编译成setup函数的呢?本文将围绕 ...
- oppo、一加 android14 chrome116内核 input @click不触发
// 兼容Chrome内核116及以上版本中配置disabled的input组件无法触发并冒泡click事件 .uni-input-input:disabled { pointer-events: n ...
- 一行超长日志引发的 “血案” - Containerd 频繁 OOM 背后的真相
案发现场:混沌初现 2024年6月10日,本应是平静的一天.但从上午 9 点开始,Sealos 公有云的运维监控告警就开始不停地响.北京可用区服务器节点突然出现大量 "not ready&q ...
- bugly进阶01-集成bugly时的相关参数
bugly进阶01-集成bugly时的相关参数 个人github CSDN博客 前言 bugly的集成十分的简单,在代码中只需要简单的一个语句就可以轻松集成: - (BOOL)application: ...
- CLR via C# 笔记 -- 枚举(15)
1. 枚举继承System.Enum,后者继承 System.ValueType,所以枚举是值类型. 2. 枚举不能定义任何方法.属性和事件,不过可以定义扩展方法 3. ToString()方法 Co ...
- .NET下 支持大小写不敏感的JSON Schema验证方法
问题 有很多应用程序在验证JSON数据的时候用到了JSON Schema. 在微服务架构下,有时候各个微服务由于各种历史原因,它们所生成的数据对JSON Object属性名的大小写规则可能并不统一,它 ...
- 记录一次 OpenStack 集群在创建虚机后无法获取 IP 的问题
现象 所有的组件状态都是正常工作的,DHCP 服务正常工作,在个个虚拟网络设备端口抓包,发现 OpenVSwitch 上 DHCP 包可以通行,虚机获取 DHCP Discover 请求可以正常发出, ...
- python基础-元组tuple( )
元组的定义和操作 元组的特性: 元素数量 支持多个 元素类型 任意 下标索引 支持 重复元素 支持 可修改性 不支持 数据有序 是 使用场景 不可修改.可重复的 一批数据记录场景 # 定义元组 ...
- 全国产T3+FPGA的SPI与I2C通信方案分享
近年来,随着中国新基建.中国制造2025规划的持续推进,单ARM处理器越来越难胜任工业现场的功能要求,特别是如今能源电力.工业控制.智慧医疗等行业,往往更需要ARM + FPGA架构的处理器平台来实现 ...