easyui 使用font图标

2024-11-05

使用Font Awesome替换EasyUI的图标

用过EasyUI的朋友都知道,大部分组件都有一个iconCls属性,用于显示一个图标.但是EasyUI自带图标数量少.不美观,于是想到了使用Font Awesome来更换和拓展这些图标. 先看看EasyUI的图标用法,下面定义了一个LinkButton. <a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加</a> 其中 iconCls 为 i

easyui tree 更改图标

easyui tree 更改图标 ,onLoadSuccess: function (node, data) { $('#tt .tree-icon').css("background", "url(/Assets/jquery-easyui-1.5/themes/icons/man1.png) no-repeat center center"); }

ASP.NET MVC5+EF6+EasyUI 后台管理系统（52）-美化EasyUI皮肤和图标

系列目录我很久以前就想更新系统的皮肤功能,Easyui 自带的皮肤已经无法满足客户的审美. 皮肤颜色来源于AdminLTE系统.我的颜色全部都这里取的.,所以一共取了11个颜色.1个皮肤=2个banner颜色和1个侧边栏颜色利用chome的元素查看器可以获取AdminLTE颜色,或者用VS2013自带的吸色器(我是用后者) 我是怎么做的??? 我用了原EasyUI 的Gray作为基础皮肤,除了蓝色,其他皮肤也非常适合拿来做底板,但是觉得Gray有点质感,metor也不错. 利用CSS的优先原

easyUI tree 自定义图标

文章转载自: https://blog.csdn.net/zhlantian/article/details/52913115 近期由于项目中需要使用easyui tree树形列表,并在系统中动态配置节点的图标,根据官方demo,配置图标只能使用iconCls树形来对每个节点进行图标的设置,这使得在数据库存储中需要存储icon.css中的类名(类似icon-save)或者自定义的类名,同时,这需要提前在系统中对不同的图标url设置好不同的类名,如果图片不在系统中已知,则无法改变图标.同时,由于本

easyui combo+pagination 图标选择器

从数据库读取分页显示 $(function () { initTable(1, 180); $('#cc').combo({ editable: false, panelWidth: 'auto', panelHeight: 'auto' }); $('#iconSelectPanel').appendTo($('#cc').combo('panel')); $('#iconList').delegate('span', 'click', function () { var value = $(

icon font字体图标字库汇总

最近在研究icon font图标字库,找了一些比较好的在线字库.大都是开源的,而且各有特色! 阿里icon font字库 http://www.iconfont.cn/ 这个是阿里妈妈M2UX的一个icon font字体图标字库,包含了淘宝图标库和阿里妈妈图标库. fontello http://fontello.com/ 在线定制你自己的icon font字体图标字库,也可以直接从GitHub下载整个图标集,该项目也是开源的. icomoon http://icomoon.io/app/#/s

easyui 放大镜图标

iconCls:search 对应的 easyui的查询图标忒丑想用放大镜图标 iconCls:zoom 找半天找到放大镜图标的然后去icon.css文件中查发现这个样式就叫zoom.

easyui图标对照

转自:https://blog.csdn.net/qq_34545192/article/details/78250816 原作者文章地址: http://www.cnblogs.com/timememory/ 2016年2月5日 EasyUi 版本:1.4.3 虽然EasyUi提供的图标不多,不过在下眼拙,在官网中没找到图标对照文档,有时想要在某些特别设置中变化个图标有些不方便. 所以简单整理了下easyui的图标与调用类的对照关系. <a href="###" class

jquery easyui 推荐博客（MVC+EF+EasyUI+Bootstrap）

构建ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统(52)-美化EasyUI皮肤和图标系列目录我很久以前就想更新系统的皮肤功能,Easyui 自带的皮肤已经无法满足客户的审美. 皮肤颜色来源于AdminLTE系统.我的颜色全部都这里取的.,所以一共取了11个颜色.1个皮肤=2个banner颜色和1个侧边栏颜色利用chome的元素查看器可以获取AdminLTE颜色,或者用VS2013自带的吸色器(我是用后者) 我是怎么做的??? 我用了原E

ASP.NET MVC5+EF6+EasyUI 后台管理系统（1）-前言与目录（持续更新中...）

开发工具:VS2015(2012以上)+SQL2008R2以上数据库您可以有偿获取一份最新源码联系QQ:729994997 价格 666RMB 升级后界面效果如下: 任务调度系统界面 http://www.cnblogs.com/ymnets/p/5065154.html 系统权限全套完整图 http://www.cnblogs.com/ymnets/p/5065201.html 系统配置部分图 http://www.cnblogs.com/ymnets/p/5065232.html 工作

图标字体 VS 雪碧图——图标字体应用实践

本文介绍使用图标字体和SVG取代雪碧图的方法.雪碧图是很多网站经常用到的一种技术,但是它有缺点:高清屏会模糊.无法动态变化如hover时候反色.而使用图标字体可以完美解决上述问题,同时具备兼容性好,生成的文件小等优点. 雪碧图雪碧图实例:淘宝PC端将多张小图放至一张大图使用的时候,通过background-position调整显示的位置,如下图所示: 雪碧图的使用方法使用雪碧图唯一的优点,可以说就是减少浏览器的请求次数.因为浏览器同一时间能够加载的资源数是一定的,IE 8是6个,Chro

easyui表格的增删改查

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title>  <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js">

使用css3新属性clip-path制作小图标

一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载的资源是有限的,例如IE7是2个,IE8是6个,chrome是6个,火狐是8个.如果网页上面有很多张零碎的小图片,导致请求的次数太多,等待加载状态中的资源会很多,明显影响性能.因此,一个改进的办法是使用sprites图,将多张小图放在一张大图,然后限定展示区域的大小,同时改变图片的显示位置backg

EasyUI 页面分页

DAO package com.hanqi.dao; import java.util.ArrayList; import java.util.List; import org.hibernate.Session; import org.hibernate.SessionFactory; import org.hibernate.Transaction; import org.hibernate.boot.registry.StandardServiceRegistryBuilder; impo

easyUI下拉列表三级联动

首先是先想好数据库的搭建,通过地区id,地区名称,上级地区id就可以实现,所有省市区的数据例如: DAO层 service层 Servlet 页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改员工</title>   <script

EasyUI配置和组件

首先在webcontent添加配置文件新建静态或动态网站,在title的下面加入五个配置文件路径,注意:循序不能乱   <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>  <link r

EasyUI、Struts2、Hibernate、spring 框架整合

经历了四个月的学习,中间过程曲折离奇,好在坚持下来了,也到了最后框架的整合中间过程也只有自己能体会了. 接下来开始说一下整合中的问题和技巧: 1, jar包导入 c3p0(2个).jdbc(1个).spring(15个).Hibernate(10个).Struts2(13个).json(3个) 及EasyUI的jquery包 2, 在src目录下新建一个实体类的包,并新建一个实体类 package com.han.entity; import java.util.Date; public cl

Easyui表单之按钮的提交

一.表单按钮的提交前代表对提交内容的验证二.表单按钮的提交后代表对把数据提交给后台 1. 界面层页面编辑代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title>  <script type="text/javascript&

Easyui表单之下拉列表的三级联动

一.实现三级联动需要连接数据库二.需要JSON数据的解析三.需要Servlet类与界面相对应值的传递 1. 界面层需要的代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title>  <script type="text/

EasyUI组件（窗口组件）

注意首先要在title后面导入配置文件,前后顺序不能乱 <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script><link rel="stylesheet" type="text/css" href

easyui 使用font图标

热门专题