EXT中的iconCls　图标加载

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

刚刚遇到了个奇怪的问题。
我用在主页面用TAB autoLoad:{url:link, nocache: true, scripts:true}加载页面Student.jsp，

郁闷，FF可以正常显示，而IE却不能。

Student.jsp的CSS样式：
.add {
                background-image:url(../resources/ext/add.gif) !important;
   }
工具栏按钮：
{
                    text:'添加学员',
                   iconCls:'add',//加载图标
                    tooltip:'添加一条学员信息!', //鼠标停留时提示的信息

                    handler:function(){
                        actionString= 'student/student.jsp?action=addStudent';
                        abeform.form.reset();//清空表单数据
                        StudentEdiorm.form.reset();
                        win = ShowStudentPanel("添加学员成长记录");
                        win.show();

                    }
                }

排查了一下代码，我把CSS样式放在主页面，FF、IE都能正常显示！

看来TAB的autoLoad:{url:link, nocache: true, scripts:true}在IE中只能加载JS，在FF中JS、CSS都加载！

2008年10月16日10:02:28

发现问题了....

之前加载CSS出问题，因为我在STUDENT.jsp中偷懒，把大部分HTML代码删除掉了....所以出现CSS加载不正常。

CSS加载出错写法：

.add {

background-image:url(../resources/ext/add.gif) !important;

}

</style>

javascript. code!

</script>

CSS加载正常写法如下：

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<head>

<title>乐城后台管理</title>

</head>

<body>

.add {

background-image:url(../resources/ext/add.gif) !important;

}

</style>

javascript. code!

</script>

</body>

</html>

//--------------------------------------------------------------------------

对以往的问题总结：
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标记好的多！

希望大家积极把自己的经验与人分享，相互交流学的会更快！

EXT中的iconCls图标加载的更多相关文章

Expo大作战(十三)--expo如何自定义状态了statusBar以及expo中如何处理脱机缓存加载 offline support
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网我猜去全部机翻+个人 ...
用Loading 加载中的整页加载来做蒙层
总结:遇见的bug 如何写一个蒙层最初我打算的是自己写一个蒙层,但是写出来后, 不能够将整个屏幕全部覆盖.只能够覆盖除[顶部导航] 和[左侧菜单栏] 于是我就使用了element-ui中的 [Lo ...
EF如何操作内存中的数据以及加载相关联表的数据：延迟加载、贪婪加载、显示加载
之前的EF Code First系列讲了那么多如何配置实体和数据库表的关系,显然配置只是辅助,使用EF操作数据库才是每天开发中都需要用的,这个系列讲讲如何使用EF操作数据库.老版本的EF主要是通过Ob ...
windows重建图标缓存(解决快捷方式图标丢失，图标加载时间长问题)
新建一个文本文档,把下边的代码输入进去,保存为.bat格式,运行即可有快捷方式图标丢失或者觉得图标加载速度慢了,就run一下这个,很实用的小工具 rem 关闭Windows外壳程序explorer ...
imagesLoaded – 检测网页中的图片是否加载
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库.支持回调的获取图片加载的进度,还可以绑定自定义事件.可以结合 jQuery.RequireJS 使用 ...
在Unity3D的网络游戏中实现资源动态加载
用Unity3D制作基于web的网络游戏,不可避免的会用到一个技术-资源动态加载.比如想加载一个大场景的资源,不应该在游戏的开始让用户长时间等待全部资源的加载完毕.应该优先加载用户附近的场景资源,在游 ...
动态加载JS过程中如何判断JS加载完成
在正常的加载过程中,js文件的加载是同步的,也就是说在js加载的过程中,浏览器会阻塞接下来的内容的解析.这时候,动态加载便显得尤为重要了,由于它是异步加载,因此,它可以在后台自动下载,并不会妨碍其它内 ...
MapXtreme在asp&period;net中的使用之加载地图(转)
MapXtreme在asp.net中的使用之加载地图(转) Posted on 2010-05-04 19:44 Happy Coding 阅读(669) 评论(0) 编辑收藏 1.地图保存在本地的 ...
Qt中如何编写插件加载插件卸载插件
Qt中如何编写插件加载插件卸载插件是本文要介绍的内容.Qt提供了一个类QPluginLoader来加载静态库和动态库,在Qt中,Qt把动态库和静态库都看成是一个插件,使用QPluginLoade ...
WP8&period;1开发中ListView控件加载图列表的简单使用（1）
我也是刚接触WP编程没几个月,就是在这段时间一直闲着没事,然后又比较喜欢WP这款系统,就学习了WP这方面的开发言语,自学是很困难的,掌握这方面的资料不多,很初级,就是自己在网上找资料学习过程中,看到别 ...

随机推荐

如何在Spring MVC Test中避免”Circular view path” 异常
1. 问题的现象比如在webConfig中定义了一个viewResolver public class WebConfig extends WebMvcConfigurerAdapter { //配 ...
五种开源协议(GPL,LGPL,BSD,MIT,Apache)
什么是许可协议? 什么是许可,当你为你的产品签发许可,你是在出让自己的权利,不过,你仍然拥有版权和专利(如果申请了的话),许可的目的是,向使用你产品的人提供一定的权限. 不管产品是免费向公众分发,还 ...
java 三个循环的优缺点
package cc.knms.appservice.test; import java.text.ParseException; import java.util.ArrayList; import ...
PHP Fatal error&colon; Call to undefined function mb&lowbar;substr()
Lamp架构 PHP 5.3.29 #查看php是否有mbstring模块 php -m | grep mbstring yum install php-mbstring -y find / -nam ...
C++-指针和引用的区别
1,不存在空引用,指针可以为空 2,引用更高效,使用前不需要测试是否为空 3,指针可以被赋给别的对象,引用则不可以更改总之,在对象有可能什么也不指向或者指向不同的对象的时候应该使用指针.
LVS与其他负载均衡软件的区别
有人在邮件列表问haproxy的作者为何haproxy无论是tcp模式还是http模式,能支撑的并发量都不是太大. Willy回答了这个问题. Exactly. The difference is ...
使用Python的库qrcode生成二维码
现在有很多二维码的生成工具,在线的,或者安装的软件,都可以进行生成二维码.今天我用Python的qrcode库生成二维码.需要预先安装 Image 库安装用pip安装 # pip install ...
深入浅出SharePoint——配置List通过邮件来接收内容
应用场景:在SharePoint的开发中,我们经常需要通过接收并解析Mail的方式来进行数据通信. 解决方案:通常有两种方式:一种是直接使用公司的Exchange服务器,一种是在SharePoint ...
五款免费的UML建模工具
1.免费UML建模工具推荐:JUDE–community 2.免费UML建模工具推荐:UMLet 3.免费UML建模工具推荐:ArgoUML 4.免费UML建模工具推荐:BOUml 5.免费UML建模 ...
QT中文乱码解决方法
由于我毕设的界面是用Qt做的,之前没怎么接触过Qt,所以实现过程中遇到不少小问题,头一个就是这个. 现如今宝宝将其记录下来,供同样有需要的同学或者自己以后方便查阅. 1.所有文件编码格式须一致不统一 ...