开发者社区> zting科技> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

在ie8下ext显示的问题

简介:
+关注继续查看

在ie8下,点击左边的树形导航栏,在右面板中,弹出相对应的内容,这些内容都写在iframe中,但是在ie8下,需要随便在页面上点击一下鼠标,才能显示内容,换成Firefox和ie7,都能正常的显示,求各位高手解答。
这是部分代码

HTML code
<%@ page contentType="text/html;charset=UTF-8"%><%@ include file ="/includes/jsp/init.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>系统首页</title><!-- 引入基础的JS和CSS文件 --><%@ include file="/common/meta_ext.jsp"%><link href="/resources/css/index/index.css" rel="stylesheet" type="text/css"/><link href="/resources/css/index/index-treetab.css" rel="stylesheet" type="text/css"/><script src="/resources/js/index/index.js" type="text/javascript"></script><script src="/resources/js/ext/ux/Portal.js" type="text/javascript"></script><script src="/resources/js/ext/ux/PortalColumn.js" type="text/javascript"></script><script src="/resources/js/ext/ux/Portlet.js" type="text/javascript"></script><script src="/resources/js/ext/ux/TabCloseMenu.js" type="text/javascript"></script><script src="/resources/js/jquery/jquery.js" type="text/javascript"></script><script type="text/javascript">varopername='<%= user.getOperName()%>'; Ext.onReady(function(){ Ext.QuickTips.init(); //定义页头var header =newExt.Panel({ border: false, layout: 'anchor', region: 'north', margins: '0 0 1 0', height: 100, items: [{ xtype: 'box', el:'header', border: false, anchor: 'none -1' }], bbar: [ '->','-',{ xtype: 'splitbutton', text: '当前用户:'+opername, iconCls:'icon-user-male', menu: [{ text:'修改用户基本信息', handler:help },{ text:'修改密码', handler:help }] },'-',{ text: '退出系统', iconCls: 'icon-exit', handler: relogin },'-'] }); //定义树菜单控件var tree =new Ext.tree.TreePanel({ useArrows: true, animate: true, enableDD: false, border: false, rootVisible: false, autoScroll: true, containerScroll: true, bodyStyle:'padding:3px', root: new Ext.tree.AsyncTreeNode({ id: '-1', draggable: false, leaf: false }), loader: newExt.tree.TreeLoader({ dataUrl: '/extAction.do?task=getTreeJson', listeners: { "beforeload"function(treeLoader, node){ treeLoader.baseParams.id = node.id; } } }) }); tree.on('click'function(node, e){ if(node.id !=-1&&node.attributes.url !=null){ openUrl(node.attributes.url); }else{ tree.expandPath(node.getPath()); } }); tree.on('beforeexpandnode'function(node){ if(node.id!=-1&&node.getDepth()==1){ tree.collapseAll(); } }); //定义树菜单面板var treePanel =new Ext.Panel({ region: 'west', collapsible: true, autoScroll: true, split: true, iconCls: 'icon-expand-all', title: '菜单导航', width: 220, maxWidth: 300, minWidth: 220, margins: '0 0 3 5', items: tree }); //定义主界面整体布局var viewPort =new Ext.Viewport({ layout: 'border', items: [header, treePanel, new Ext.Panel({ id:'main_panel', region: 'center', width:400, contentEl:'con' })] }); }); function openUrl(url){ if(url!=null){ document.getElementById('misFrame').src = url; } } </script></head><body><div id="header" style="background-image:url(/resources/images/background/header6.jpg);background-repeat: repeat-x;"><imgsrc="/resources/images/background/toplf5.jpg"/></div><div id="con" style="height:100%;"><iframe src="http://www.baidu.com" id="misFrame" name="misFrame" width="100%" height="100%" frameborder="0"></iframe></div></body></html>
 
 
 
 
=====================================================
答案:
在<head>中间加一句<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/12/16/2290324.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
EXT资料
http://dengm1010.javaeye.com/blog/390908 http://www.javaeye.com/topic/340633  http://q.sohu.com/forum/5/topic/3991287
394 0
Think of Ext2.0
Ext2.0的选择需要冒很大的风险,确实Ext在界面上能够有很大的提升,但是客户端机器的性能和网络方面的制约,再加上Ext本身没有很好的实现工具支持。从编码角度来说,可能需要花费更多的时间,这相对于直接的Web开发。
883 0
Ext本地化(Localizing Ext )
Tutorial:Localizing Ext (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 如何本地化ext的教程 Author: ...
745 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载