extjs用iframe的问题

didiaodezhu 2010-07-15 02:57:03
项目中用extjs做前提
系统的界面是
左边用树做目录 右边用tabpanel做内容展示
点击树节点的时候 在tabpanel添加新的tab

var newTab = centerPanel.add(new Ext.Panel({
id : tabId,
title : tabTitle,
iconCls : "treeNodeLeafIcon",
layout : 'fit',
border : false,
closable : true,
listeners : {
activate : this.onActiveTabSize,
scope : this
},
items : {
html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=\""+_link+"\" ></iframe>"
}
}));


在ie6 ff下是正常的
不过就是在ie8下就出问题了
当iframe引用的页面是用viewport布局的时候就没有显示内容
点击别的tab再点击回来 viewport里面的内容有正常而来
如果点击树的节点的话viewport的内容又不见了
这个是不是extjs在ie8下的bug
有没有人遇到这个问题的呢
...全文
1002 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
啊哦额一无鱼 2010-07-16
  • 打赏
  • 举报
回复
不是代码的问题,浏览器的问题,IE8是这样,我刚好前几天遇到过,我的解决方案是在首页加代码把IE浏览器的标准改了,无论客户用的什么IE,都是按照IE7的标准来的,希望对楼主有帮助
在首页加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
licip 2010-07-16
  • 打赏
  • 举报
回复
items : {
html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=\""+_link+"\" ></iframe>"
}
这个写法我感觉有点问题,最好还是这样吧:
items : [{
html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=\""+_link+"\" ></iframe>"
}]
didiaodezhu 2010-07-16
  • 打赏
  • 举报
回复
弄了 几天 总算把问题解决了

就是在页面上把第一句的doctype删掉就正常啦 这个问题只在ie8发生


答案具体在这里
http://bbs.misonsoft.com/thread-1941-1-1.html

那这题当散分 来者有份
下周结贴
didiaodezhu 2010-07-15
  • 打赏
  • 举报
回复
to 3
id冲突的可能性不大
在ie6和ff下都正常

有没有试过在ie8下 用tab调用iframe引用的页面用viewport的情况
didiaodezhu 2010-07-15
  • 打赏
  • 举报
回复
试用了 还是老样子
我这个代码在ie6和ff能正常跑的
就是在ie8的时候出问题的
hoojo 2010-07-15
  • 打赏
  • 举报
回复

如果id没有必须的用途,就不需要为组件添加id
如果id一旦重复就会造成组件显示问题或是出现js冲突
zoujp_xyz 2010-07-15
  • 打赏
  • 举报
回复
html: '<iframe id="iframe" src=\'' + _link.url + '\' frameborder="0" scrolling="auto" style="border:0px none;height:100%; width:100%;"></iframe>'
zoujp_xyz 2010-07-15
  • 打赏
  • 举报
回复
var newTab = centerPanel.add(new Ext.Panel({
id : tabId, //把id属性去掉试试
title : tabTitle,
iconCls : "treeNodeLeafIcon",
layout : 'fit',
border : false,
closable : true,
listeners : {
activate : this.onActiveTabSize,
scope : this
},
items : {
html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=\""+_link+"\" ></iframe>"
}
}));

52,792

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧