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插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...
随机推荐
- 基于SDF的光照效果
基于SDF的光照效果 好久没写博客了,怠惰了,就当爬了一步 原神二次元风格面部渲染 效果 Show me the code Shader "Unlit/SDF" { Propert ...
- 链表中，LNode和* LinkList的理解
typedef struct LNode { int data; struct LNode* next; }LNode, * LinkList; 这是标准链表创建法. 简单的说,其中LNode和 * ...
- ElasticSearch多语义命令在query和aggregation中的区别
初学ES时,有两个较为特殊的命令让我困惑 terms 在query中使用terms,代表匹配多个查询条件 在aggregation中使用terms,代表按指定filed进行groud by分组聚合 f ...
- 全志T113-i＋玄铁HiFi4开发板硬件说明书（2）
前 言 本文档主要介绍开发板硬件接口资源以及设计注意事项等内容,测试板卡为全志T113-i+玄铁HiFi4开发板,由于篇幅问题,本篇文章共分为上下两集,点击账户可查看更多内容详情,开发问题欢迎留言,感 ...
- vue - ElementUI
关于ElementUI最好还是通过实践项目来做,来熟悉. 这只是一些ElementUI的注意事项,至此vue2的内容真的全部完结,后面将继续vue3的内容更新. 一.完整引入 一般提及什么什么UI会有 ...
- 阿里云Centos7 安装mysql5.7 报错：./mysqld: error while loading shared libraries: libaio.so.1: cannot open shared object file: No such file or directory
在阿里云服务器Centos7中安装mysql5.7,解压数据库初始化后,报错 ./mysqld: error while loading shared libraries: libaio.so.1: ...
- 可视化—AntV G6实现节点连线及展开收缩分组
AntV 是蚂蚁金服全新一代数据可视化解决方案,主要包含数据驱动的高交互可视化图形语法G2,专注解决流程与关系分析的图表库 G6.适于对性能.体积.扩展性要求严苛的场景. demo使用数字模拟真实的节 ...
- django如何将查询结果的栏位和数值自动遍历出来
在Django中,MT003HModel.objects.all() 返回的是一个 QuerySet 对象,你可以使用迭代器来遍历其中的每个对象,然后访问对象的属性来获取栏位和数值. 以下是一个简单的 ...
- oeasy教您玩转vim - 24 - 自定颜色
自定颜色 回忆上节课内容 这次我们研究了配色方案 找到了 colors 的位置 下载并应用了颜色方案 制作了自己的配色方案 下面我想修改配色方案的颜色 是否能成功??? 首先得有自己的颜色方案 #找到 ...
- SSH指定用户登录与限制
环境准备 :::info 实验目标:ServerA通过用户ServerB(已发送密钥和指定端口) ::: 主机 IP 身份 ServerA 192.168.10.201 SSH客户端 ServerB ...