EXT中的iconCls 图标加载
来源:互联网 发布:书籍编辑器软件 编辑:程序博客网 时间:2024/04/26 14:45
刚刚遇到了个奇怪的问题。
我用 在主页面用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加载出错写法:
<style. type="text/css">
.add {
background-image:url(../resources/ext/add.gif) !important;
}
</style>
<script type="text/javascript" language="JavaScript">
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乐城后台管理</title>
</head>
<body>
<style. type="text/css">
.add {
background-image:url(../resources/ext/add.gif) !important;
}
</style>
<script type="text/javascript" language="JavaScript">
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 图标加载
- ext 中的iconCls配置以及使用以及路径问题
- Ext 自定义iconCls
- Ext中应用iconCls
- EXT iconCls说明
- ExtJs自定义iconCls图标
- ext常用iconCls 很实用
- Ext中初始化配置项iconCls的使用方法
- 了解:Ext中iconCls配置、使用以及路径问题
- Extjs6的TreePane无法使用iconCls图标显示
- 5.Ext JS actioncolumn动态加载图标/提示
- Ext的图标
- 修改ext tree 图标
- ExtJs框架系列之iconCls以及用于面板头部的图标
- 加载图标
- Extjs 使用icon属性添加图标 使用cls设置字体样式 使用iconCls设置图标宽高
- iconCls使用
- iconcls引用
- MSTR无数据消息自定义方法
- 《程序员的第一年》---------- 深入解析Hashtable、Dictionary、SortedDictionary、SortedList
- 如何让Tomcat支持中文路径名和中文文件名
- iis 网站底下建虚拟目录 主网站访问虚拟目录下的页面报错 未能加载类型“Huanwei.PJManage.PJ_Manage”。
- myql安装出错 1045 解决方案
- EXT中的iconCls 图标加载
- MSTR特殊效果实现策略--曲线救国1
- 《程序猿的搬砖生活》二、从面条到面霸 beta v0.1.0
- 根据电话号码获取联系人实例
- Cocos2d自定义组件|继承CCMenu或CCMenuItem
- 支持多种浏览器下载的文件名处理方案
- Java Web开发-Tomcat中三种部署项目的方法
- 华为专家面试题分享
- visual studio 2012 使用 git/github