项目中用extjs做前提
系统的界面是
左边用树做目录 右边用tabpanel做内容展示
点击树节点的时候 在tabpanel添加新的tab

JScript code
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=http://topic.csdn.net/u/20100715/14//""+_link+"\" ></iframe>" } }));

在ie6 ff下是正常的
不过就是在ie8下就出问题了
当iframe引用的页面是用viewport布局的时候就没有显示内容
点击别的tab再点击回来 viewport里面的内容有正常而来
如果点击树的节点的话viewport的内容又不见了
这个是不是extjs在ie8下的bug
有没有人遇到这个问题的呢

推荐阅读

  • 关于memcpy问题
  • 菜鸟求高手
  • delphi的TDateTime数据类型在PB中用什么可以替换
  • aspnetpager 控件显示分页问题
  • c++编译的DLL文件反编译
  • GridVeiw回传后DataSource为NUll
  • 在没有安装vc和vs的电脑上运行动态链接库(是java调用VC写的dll)
  • 学习c++的朋友请进!!!
  • 关于数据库插入的问题,急!!!
  • 请教guansong8079776,关于缩略图的问题

已经有8 个评论
  1. 1楼

    look 说:

    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=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }   }));

  2. 2楼

    my159 说:

    html: ‘<iframe id="iframe" src=http://topic.csdn.net/u/20100715/14//” + _link.url + ‘\’ frameborder="0" scrolling="auto" style="border:0px none;height:100%; width:100%;"></iframe>’

  3. 3楼

    wuwei04 说:

    CSS code

    如果id没有必须的用途,就不需要为组件添加id
    如果id一旦重复就会造成组件显示问题或是出现js冲突

  4. 4楼

    sbamd 说:

    试用了 还是老样子我这个代码在ie6和ff能正常跑的就是在ie8的时候出问题的

  5. 5楼

    jc2008_828 说:

    to 3id冲突的可能性不大   在ie6和ff下都正常有没有试过在ie8下 用tab调用iframe引用的页面用viewport的情况

  6. 6楼

    bobowanzi 说:

    弄了 几天 总算把问题解决了就是在页面上把第一句的doctype删掉就正常啦 这个问题只在ie8发生答案具体在这里http://bbs.misonsoft.com/thread-1941-1-1.html那这题当散分 来者有份  下周结贴

  7. 7楼

    405290688 说:

    items : {html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }这个写法我感觉有点问题,最好还是这样吧:items : [{html : "<iframe width=\"100%\" height=\"100%\" scrolling=\"auto\" frameborder=\"0\" src=http://topic.csdn.net/u/20100715/14//""+_link+"/" ></iframe>"   }]

  8. 8楼

    aw3fae 说:

    不是代码的问题,浏览器的问题,IE8是这样,我刚好前几天遇到过,我的解决方案是在首页加代码把IE浏览器的标准改了,无论客户用的什么IE,都是按照IE7的标准来的,希望对楼主有帮助在首页加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

转载于:https://www.cnblogs.com/zhwl/p/3858781.html

extjs用iframe的问题相关推荐

  1. Extjs 实现Iframe的子窗口遮罩整个页面

    Extjs 可以使用弹出Windows 的方式, 遮罩页面 var winMasking = new Ext.Window({title: 'Action in Progress. Please Wa ...

  2. Extjs利用iframe无弹窗导出下载文件

    看过很多导出下载的方式,大都是弹出新窗口下载,我倒是一直用iframe来模拟加载新窗口,从而达到下载文件的目的. 下面是最近用extjs时,也是用到的iframe来模拟无弹窗下载 if(exportF ...

  3. extjs 中iframe内存泄漏的问题

    在iframe关闭时将其src设置为false.我是将IFrame做成继承Ext.Panel的UI,释放的时候重写destroy, 代码如下: destroy:function(){   this.i ...

  4. ExtJs非Iframe框架加载页面实现

    在用Ext开发App应用时,一般的框架都是左边为菜单栏,中间为tab页方式的显示区域.而tab页面大多采用的嵌入一个iframe来显示内容.但是采用iframe方式有一个很大的弊端就是每次在加载一个新 ...

  5. 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理(转)

    出处:http://blog.163.com/baihongtao_618/blog/static/1423479702012392948830/ 近来的项目中用到了Extjs 的TabPanel,这 ...

  6. extjs FormPanel更改为普通表单提交,提交到iframe显示

    BasicForm提交源代码: * @return {BasicForm} this */ submit : function(options){ options = options || {}; i ...

  7. 前端每周清单第 33 期:React 16 发布与特性介绍,Expo AR 教程,ExtJS 从崛起到沉寂...

    前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点:分为新闻热点.开发教程.工程实践.深度阅读.开源项目.巅峰人生等栏目.欢迎关注[前端之巅]微信公众号(ID:front ...

  8. HTML iframe 和 frameset 的区别

    转自:http://www.cnblogs.com/polk6/archive/2013/05/24/3097430.html HTML iframe 和 frameset 的区别 iframe 和 ...

  9. EXTJS+ASP.NET上传文件带实时进度条代码

    一,文件夹 二,upLoad.cs是继承IHttpModule的类: usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usin ...

最新文章

  1. nacos linux启动_微服务系列之Nacos配置中心之一:Nacos介绍与安装
  2. 全球科技界最鼓舞人心领袖揭晓!马斯克第一,马云第五
  3. 前端学习(2760):image基本使用
  4. reg型变量怎么赋值_UiPath变量介绍和使用
  5. R语言基础入门(4)之数据类型与相应运算2
  6. Dubbo源码分析系列之-深入Dubbo扩展机制
  7. Oracle中查看所有表和字段
  8. centos 7 yum命令安装 Nginx、PHP 7、MySQL 57 、redis
  9. Redis面试题汇总(附答案),面试突击专用
  10. 贪吃蛇游戏设计汇报c语言,贪吃蛇游戏设计报告(C++).doc
  11. java 批量打印pdf文件_java 打印tiff及批量打印图片技术文章.doc
  12. 清除/收缩SQL Server数据库日志
  13. oa系统服务器数据库,oa办公系统带数据库
  14. 计算机快捷截图方式,Windows系统电脑快速屏幕截图方式
  15. 验证码图片不显示解决问题
  16. EMC与电阻、电容和电感的关系
  17. webservice 缺少根元素_草莓种植,钙、硼元素十分重要,直接关系到草莓的产量和品质!...
  18. (附下载)线上抖音直播电商主播运营脚本方案计划书表格模板
  19. 区块链技术将引爆金融深层价值|筱静观察2019第7期
  20. 商汤绝影车路协同“进城”!10+个智能网联应用,100+场景算法应用,感知范围扩大1000倍...

热门文章

  1. oracle网络公开课《存储技术》课件和视频共享下载
  2. 多层PCB的叠层板材
  3. ubuntu+2080ti系统用anaconda 安装tensorflow
  4. 【正一专栏】2018年欧冠八强猜想
  5. 机器学习笔记(一)绪论
  6. Leetcode 147. 对链表进行插入排序 解题思路及C++实现
  7. 在二叉树中找到累加和为指定值的最长路径长度
  8. 有关完全二叉树求节点数和前缀树求字符串是否重复的两道算法题
  9. 2019/4/4 动态规划
  10. NIO网络编程应用实例——群聊系统