项目中用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
有没有人遇到这个问题的呢

 
 
上一篇:JQuery做趋势图
下一篇:responseText问题
已经有8 个评论
    1. 1楼

      七月 28th, 2010 at 10:23 上午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楼

      七月 28th, 2010 at 10:23 上午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楼

      七月 28th, 2010 at 10:23 上午wuwei04 说:

      CSS code

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

    4. 4楼

      七月 28th, 2010 at 10:23 上午sbamd 说:

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

    5. 5楼

      七月 28th, 2010 at 10:23 上午jc2008_828 说:

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

    6. 6楼

      七月 28th, 2010 at 10:23 上午bobowanzi 说:

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

    7. 7楼

      七月 28th, 2010 at 10:23 上午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楼

      七月 28th, 2010 at 10:23 上午aw3fae 说:

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

extjs用iframe的问题的更多相关文章

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

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

  2. 使用idea开发工具,nginx服务部署Extjs6,SpringBoot项目到服务器

    编译ExtJs文件 1.输入命令 2.开始编译 3.找到编译后的文件 E:\idea_project\BaiSheng_Model\fin-ui\build\production\Admin 4.将文 ...

  3. ExtJs基础知识总结:Dom、IFrame和TreePanel、TabPanel(三)

    概述 ExtJs是另外一种操作封装JavaScript的类库与Jquery同类.所以对Dom的操作也是支持的,比如修改Div内Html内容等操作.有几个问题需要思考下: 1.ExtJs也支持IFram ...

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

    近来的项目中用到了Extjs 的TabPanel,这也是Extjs最基本,最常用的组件了 网上或者书上的例子里大都是把tab项渲染到一个div中, 这对于在每个Tab页里加载一个页面的情况就不适合了 ...

  5. extjs folder is lost解决方法 和 FineUI主题切换时 iframe内的内容主题不变的解决方法

    错误原因:extjs包和FineUI版本不一致 或者是 webconfig配置中 没有设置为任何人可访问  解放方法下载和FineUI版本相同的extjs包就ok了 解决方法:FineUI主题切换时 ...

  6. 实用ExtJS教程100例-008:使用iframe填充ExtJS Window组件

    上面两节中我们分别演示了ExtJS Window的常用功能 和 如何最小化ExtJS Window组件,在这篇内容中我们来演示一下如何使用iframe填充window组件. 思路很简单,首先创建一个w ...

  7. Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用

    Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用 Ext.ux.IFrame Extjs官方提供的一个组件,可以很方便的使用. 这样就完成了一个简单的IFrame的使用,通过E ...

  8. ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页

    ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1 ...

  9. ExtJs Tree加载选项卡,选项卡加载页面不用iframe

    点击树节点,自动加载选项卡对应的页面, 效果图: JS Code: 一.创建TreeStore var store = Ext.create('Ext.data.TreeStore', { root: ...

随机推荐

  1. 64_n3

    nodejs-yamlish-0.0.5-9.fc26.noarch.rpm 11-Feb-2017 16:48 11966 nodejs-yargs-3.2.1-6.fc26.noarch.rpm ...

  2. Effective C++笔记(二):构造/析构/赋值运算

    参考:http://www.cnblogs.com/ronny/p/3740926.html 条款05:了解C++默默编写并调用哪些函数 如果自定义一个空类的话,会自动生成默认构造函数.拷贝构造函数. ...

  3. Codeforces 375D - Tree and Queries(dfs序+莫队)

    题目链接:http://codeforces.com/contest/351/problem/D 题目大意:n个数,col[i]对应第i个数的颜色,并给你他们之间的树形关系(以1为根),有m次询问,每 ...

  4. Django之进阶相关操作

    一.QuerySet的特点 1.可切片 使用Python 的切片语法来限制查询集记录的数目 .它等同于SQL 的LIMIT 和OFFSET 子句. 1 >>> Entry.objec ...

  5. 我所遇到的C++连接问题汇总

    http://blog.sina.com.cn/s/blog_7caa399301017k1e.html 1:无法打开kernel32.lib 针对不同版本的VS,lib库所在的地方都不一样,所以首先 ...

  6. Remove Duplicates from Sorted Array I&&II——怎样防超时

    Given a sorted array, remove the duplicates in place such that each element appear only once and ret ...

  7. Hilite代码高亮工具

    在用<有道云笔记>等软件时候,软件自身不提供代码高亮功能,对于需要记录code的学习笔记,视觉效果丢失. 有很多在线工具能用来代码高亮,比如oschina就有代码高亮页面用于着色. 但是我 ...

  8. 【51nod】1309 Value of all Permutations

    题解 可重元素的全排列都是很熟知的东西了 就是 \(\frac{n!}{\prod c_{i}!}\)其中\(c_{i}\)是第i种数出现的次数 我们对于每个元素统计一下多少排列里这个数会被统计进去 ...

  9. lr11_Controller_Options选项介绍:

    lr11_Controller_Options选项介绍:

  10. vim编码相关

    与vim编码相关的四个配置: encoding:vim核心编码,所有vim交换区,信息提示区都用这个编码.打开文件的编码如果是其他编码,会自动转换为核心编码,保存时再转回文件编码. fileencod ...