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插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...
随机推荐
- Xcode 配置账号
Xcode 配置开发者账号 简介:在iOS 开发过程中,要打包到手机上是需要登陆账号和配置对应证书的. 配置账号 打开Xcode -> Preferences -> Accounts -& ...
- org.springframework.beans.BeanUtils属性赋值 Date类型处理转换为LocalDateTime, Date不能直接赋值给LocalDateTime
Date createTime = book.getCreateTime(); Date updateTime = book.getUpdateTime(); //属性值处理 BeanUtils.co ...
- windows rabbitmq安装
windows rabbitmq安装1.环境变量,关键是rabbitmq_server需要与erlang版本对应,否则无法使用. rabbitmq下载页https://github.com/rabbi ...
- 交通规划四阶段法：基于 Python 的交通分布预测算法复现 - 附完整代码链接
目录 交通规划四阶段法:基于 Python 的交通分布预测算法复现 - 附完整代码链接 我只是想使用这些代码 下载代码文件 代码的使用方法 合作 部分代码内容的展示 交通规划四阶段法:基于 Pytho ...
- openfoam 修改 src 库经验记录
遇到一个问题,要把 sprayFoam 求解器的蒸发模型修改为自定义蒸发模型. sprayFoam 求解器本身没有实现蒸发模型,而是调用 $FOAM_SRC/lagrangian/intermedia ...
- C# pythonnet(2)_FFT傅里叶变换
Python代码如下 import pandas as pd import numpy as np import matplotlib.pyplot as plt # 读取数据 data = pd.r ...
- 【论文阅读】ICRA2022: Panoptic Multi-TSDFs: a Flexible Representation for Online Multi-resolution Volumetric Mapping and Long-term Dynamic Scene Consistency
Type: ICRA Year: 2022 tag: SLAM 参考与前言 论文链接:https://arxiv.org/abs/2109.10165 代码链接:https://github.com/ ...
- 配置hive环境步骤（zookeeper高可用集群已搭建）
安装mysql:1. 检查当前环境是否安装mysql服务(命令:rpm -qa | grep -i mysql)2. 卸载自带的mysql3. 卸载软件:rpm -e --nodeps mysql-l ...
- nicegui 第一次
from nicegui import ui from ex4nicegui.reactive import rxui from ex4nicegui import to_ref,ref_comput ...
- vulnhub - BREACH: 1
vulnhub - BREACH: 1 描述 作为多部分系列中的第一部分,Breach 1.0 旨在成为初学者到中级的 boot2root/CTF 挑战.解决将需要可靠的信息收集和持久性相结合.不遗余 ...