Ext中应用iconCls

ExtJS中图标定制技巧
最新推荐文章于 2025-07-13 10:59:11 发布
最新推荐文章于 2025-07-13 10:59:11 发布 · 82 阅读 · 0

本文介绍了如何在ExtJS框架中为Button按钮和TabPanel选项卡定制图标的方法。包括使用CSS进行图标背景设置及ExtJS配置项的具体应用，确保自定义样式能够正确显示。

1：给button加icon
Css:
.user
{
background:url(../Teacher/Images/User.gif) no-repeat 1px 2px !important;
}
EXT:
new Ext.Button({
text:'User',
iconCls:"user",
renderTo:'btn',
});
其中！important要加上否则ext原有样式会覆盖自定义！
2：给tabpanel项加icon
Css:
.t1
{
background:url(../Teacher/Images/User.gif) no-repeat 1px 2px;
}
EXT:
{title:"Tab1", iconCls:"t1"}
要想更改背景可以设置baseCls方法同上

通过设置css要比加html标记好的多

iteye_12700
关注
extjs小图标(项目小图标大全)
10-12
extjs小图标(项目小图标大全)
EXT 最新icon图标大集合，节省时间专用
03-01
EXT,EasyUI 最新icon图标大集合，节省时间专！
Ext JS 1713个icon图标
07-18
由于最近在研究Extjs4.1.1，没想到Extjs没有自带的iconCls所使用的图标样式css，就是用那个写那个的，纠结了半天，网上也找了好久，还是自己写了个批量处理程序，集合了1713个png小图标，都是Extjs原生态的，直接可以使用，这样后面的开发就方便多了，感兴趣的可以直接拿去用。非Extjs的其他项目也可以使用，使用的时候注意下目录位置。
EXT iconCls说明
tiandirensoon
10-12 260
今天学习ext 看examples中的事例，其中有一个地方是这样写的： new ButtonPanel( 'Icon Only', [{ iconCls: 'add16' },{ iconCls: 'add24', scale: 'medium' },{ iconCls: 'add', scale: 'large' }] ); 例子的效果是： 看了半天没有明白iconCls后面的add16 ,ad...
7、Ext JS 应用：注销与多语言功能实现
Python的专栏
07-02 89
本文详细介绍了在Ext JS应用中实现注销功能和多语言支持的具体方法。首先通过Ajax请求实现注销逻辑，并进行代码重构以提高可维护性；接着展示了如何通过PHP处理服务器端会话；然后引入客户端活动监控插件增强安全性与用户体验；最后实现了基于翻译文件和HTML5本地存储的多语言切换功能，包括语言组件、控制器及翻译文件的应用。这些技术提升了应用的安全性、可维护性和国际化能力。
16、Ext JS 应用额外功能扩展指南
Python的专栏
07-11 85
本博客详细介绍了如何为Ext JS应用添加额外功能，包括导出网格面板为PDF和Excel、打印网格内容、创建图表、切换图表类型以及将图表导出为图像和PDF的方法。通过结合Ext JS内置组件和第三方库（如TCPDF、PHPExcel、dompdf等），帮助开发者提升应用的实用性和用户体验。同时，还提供了实现流程图、功能表格、常见问题解决方案和优化建议等内容。
18、Ext JS 应用开发：邮件客户端与生产准备全流程
最新发布
Python的专栏
07-13 89
本文详细介绍了基于 Ext JS 开发邮件客户端模块的全过程，包括邮件预览显示控制、邮件拖动排序、新邮件撰写窗口的实现。同时，还涵盖了应用部署到生产环境前的关键步骤，如自定义主题创建和生产打包优化，确保应用在生产环境中的高效稳定运行。
Ext中TabPanel的动态页面加载
07-27
本篇文章将深入探讨如何在EXT JS的`TabPanel`中实现动态页面加载，这在构建可扩展且高效的Web应用时非常关键。通过动态加载，我们可以避免一次性加载所有标签页内容，从而改善用户体验，减少初次加载时的网络负担。 ...
了解:Ext中iconCls配置、使用以及路径问题
toudou2欢迎您
09-19 3390
首先是ext的iconCls配置问题： 使用过Ext的同志都应该知道，每一个组件（Component）在初始化的时候，都会有一个配置参数（Config）{在Ext2中，基本上所有的组件的构造函数只接受一个参数，这个参数或者是一个Config Object或都是一个Array o
Ext JS 1713个icon图标 自带生成png转css应用
01-17
Ext JS 1713个icon图标 自带生成png转css应用，请应用下载。。。
ext 中的iconCls配置以及使用以及路径问题
zanchaow的专栏
08-22 373
首先是ext的iconCls配置问题： 使用过Ext（http://www.extjs.com）的同志都应该知道，每一个组件（Component）在初始化的时候，都会有一个配置参数（Config）{在Ext2中，基本上所有的组件的构造函数只接受一个参数，这个参数或者是一个Config Object或都是一个Array of Config Object}，其中，许多组件，如Menu，Button都...
ext iconCls
wangleide414的专栏
11-17 169
ext 中 iconCls:'nav', 表示的意思就是，在马上要显示的前边添加一个图片，nav是已经定义好的css，图片就是nav中定义好的背景图片，
ext常用iconCls 很实用
你等着...我会踩着五彩祥云来接你的！
07-16 2567
Icon="Add" Text="增加" Icon="Key" Text="审核"    Icon="Printer" Text="打印" Icon="ApplicationViewTile" Text="导出" Icon="magnifier" Text="查询" Icon="Accept"  Text="确定" （对勾） Icon="Cancel " Text="取消" （叉叉
Ext中初始化配置项iconCls的使用方法
Seraph‘s Paradise
08-12 202
使用过Ext（http://www.extjs.com）的同志都应该知道，每一个组件（Component）在初始化的时候，都会有一个配置参数（Config）{在Ext2中，基本上所有的组件的构造函数只接受一个参数，这个参数或者是一个Config Object或都是一个Array of Config Object}，其中，许多组件，如Menu，Button都有一个配置选项iconCls，很明显，这个...
Ext中的iconCls以及baseCls
fenghaoo的博客
05-12 504
:idea: 1：给button加icon Css: .user { background:url(../Teacher/Images/User.gif) no-repeat 1px 2px !important; } EXT: new Ext.Button({ text:'User', iconCl...
Ext 动态树的实现与应用
在深入探讨Ext动态树的知识点之前，首先需要说明Ext是一个基于JavaScript的前端框架，它用于创建富交互的Web...通过了解和掌握Ext动态树的上述知识点，开发者可以在实际项目中灵活应用，提升用户界面的可用性和交互性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值