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插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...
随机推荐
- 写的程序总是出 BUG，只好请佛祖前来镇楼啦
前言 自己之前写着玩的,在这做个备份,感觉不错的取走即可. 南无阿弥陀佛 佛祖镇楼,BUG 消失,永不怠机. ///////////////////////////////////////////// ...
- PackageScanner
package com.cmb.cox.utils;import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONObject;im ...
- 洛谷 P5595 歌唱比赛
题目链接:歌唱比赛 思路 根据题目分析可得,假如小x的点赞数是123111,小y的点赞数是234111,则字符串的第4为到第6位结果都为Z,分别为对比(111,111),(11,11),(1,1),字 ...
- WPF/C#：数据绑定到方法
在WPF Samples中有一个关于数据绑定到方法的Demo,该Demo结构如下: 运行效果如下所示: 来看看是如何实现的. 先来看下MainWindow.xaml中的内容: <Window.R ...
- 在Python中输出当前文件名和行号
在Python中输出当前文件名和行号 用 inspect 库 info = inspect.currentframe() print('DEBUG!! ',info.f_code.co_filenam ...
- python路径相关操作：os.path
Windows路径格式 import os # 当前python文件位置:T:\ProgrammingPractice\python_path\test.py # 给定的路径 path = r'D:\ ...
- 3568F-物联网模块开发案例
- Springboot整合Apollo
一.Apollo作用 随着程序功能的日益复杂,程序的配置日益增多:各种功能的开关.参数的配置.服务器的地址-- 对程序配置的期望值也越来越高:配置修改后实时生效,灰度发布,分环境.分集群管理配置,完善 ...
- 计算订单签收率的sql查询思路与过程(涉及百分比和四舍五入)
领导提出一个签收率需求,想要通过数据库达到excel中表现的形式,提高计算速度和工作效率, 如下形式: 数据库中表数据结构: 部分数据如下: sql语句思路如下: -- 1.已签收:以物流反馈管道,状 ...
- vulnhub - w1r3s.v1.0.1
vulnhub - w1r3s.v1.0.1 高质量视频教程 - b站红队笔记 靶机下载 本地环境 本机ip:192.168.157.131 w1r3s虚拟机设置NAT模式 信息收集 扫描网段得到攻击 ...