2008-03-06

超简单实现:Ext.TabPanel加入iframe

关键字: ext tabpanel iframe

          太简单了,参考代码:

 funtab.add({
                   title:titleText ,
                   id:'tab_'+id,
                   iconCls: 'tabs',                  
                   margins:'0 4 4 0',
                   autoHeight:true,
                   autoScroll:true,
                   autoWidth:true,
                   closable:true,
                   frame:true,
                   html:'<iframe src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'
             }).show();

          大家注意一下html:的属性,只要加入就行了,根本不需要创造一个Ext.DomHelper.append的iframe的对象,然后再加入到tabpanel当中,

 

 

评论
boyjunqiang 2008-04-17
可以从后台返回要显示的组件代码，然后eval一下加载到TabPanel中，没必要搞什么iframe
xuyongping 2008-04-10
gdipkf1986 写道
Ext.get("youID").src="you page"

这样应该就可以了。


用iframe确实很好很强大....重复加载的问题楼主考虑过没有？加载十个页面，如果十个页面都有用到Ext的功能，那不是十个页面都要重新加载一次ext-all.js,ext-all.css....很恐怖的一个基数。直接用Ext加载内容没有重复加载的情况发生。


我最近才学Extjs ，Ext的加载还是加载的IFrame 吗。。。？
pensun37 2008-04-07
这样写就行了，搞那么麻烦
html:'<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'
WaterSugar 2008-04-01
这里的重复加载并不是指IE里面下载两套Ext框架文件，而应该是又重新初始化一次Ext框架，而这个框架是相当占资源的，我测试过，在TapPanel中通过IFrame载入目标页和通过autoLoad载入目标页所占用的资源多得多。这是我的理解而已。
lovext 2008-03-31
gdipkf1986 写道
Ext.get("youID").src="you page"

这样应该就可以了。


用iframe确实很好很强大....重复加载的问题楼主考虑过没有？加载十个页面，如果十个页面都有用到Ext的功能，那不是十个页面都要重新加载一次ext-all.js,ext-all.css....很恐怖的一个基数。直接用Ext加载内容没有重复加载的情况发生。


对于这个问题，不会重复加载。
刚才看了一下IE用到的Internet临时文件，里面缓存了那些文件的。

当然，设置不同，可能会有不同。
hantsy 2008-03-31
用iframe 就不用说了，web设计大忌
WaterSugar 2008-03-28
是的，我也一直在看Ext，如果一个左边Tree，右边TabPanel结构的页面，当点击左边树节点，在右边增加一个TabPanel的方法中，这个是算比较简单的了，但是我真担心重复加载的问题，我现在用自己构建TabPanel的方法，但又是不好控制，不知道用IFrame要不要担心重复加载的问题？
jaminiteio 2008-03-27
加上dom这个果然成功了，谢谢wtusmchen ，不知道为什么要加上这个dom?
jaminiteio 2008-03-27
wtusmchen 写道
我是这么用的：
html:'<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'

Ext.get('test').dom.src = '*****';

那个html是Ext.TabPanel里的？
wtusmchen 2008-03-27
我是这么用的：
html:'<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'

Ext.get('test').dom.src = '*****';
jaminiteio 2008-03-27
我怎么用Ext.get("youID").src="you page"
中间iframe没有任何变化？？
我是一个Ext.ContentPanel('center',{
id:'ss'
},<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>);
这样能出来，不过我点左边菜单，用Ext.get("youID").src="you page" 没有任何变化。。。。
heweiya 2008-03-27
引用
Ext.get("youID").src="you page"

这样应该就可以了。

帮助作者补充一点,其实要加一个前提,如果要使用HTML嵌入Iframe,就需要把他的ID写出来,上面的写法应该是:
   funtab.add({  
                      title:titleText ,  
                      id:'tab_'+id,  
                      iconCls: 'tabs',                    
                      margins:'0 4 4 0',  
                      autoHeight:true,  
                      autoScroll:true,  
                      autoWidth:true,  
                      closable:true,  
                     frame:true,  
                     html:'<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'  
  12.             }).show();

你才可以使用:Ext.get("youID").src="you page"
pipashu 2008-03-24
引用 http://www.javaeye.com/topic/175391
有了IFrame 后，IFrame如何自适应大小呢？即如何获得窗口大小调整事件呢？

-----------------------------------------------------------
更多相关推荐 构造左右两个部分的一个界面，我希望在左边放入一个IFrame，为了使IFrame自适应拖动后窗口的大小，需要截获左右窗口大小调整事件(鼠标拖动当中的边框)，我花了半天多时间，查了好多资料，到现在还没有任何头绪。谁能有什么思路，快帮帮忙啊，万分谢谢，万分谢谢。

{
layout:"border",
items:[{
region:"center"
},{
region:"west",
title:"左边",
width:200,
split:true,
collapsible:true,
hlDrop:true
}]
}
gdipkf1986 2008-03-07
Ext.get("youID").src="you page"

这样应该就可以了。


用iframe确实很好很强大....重复加载的问题楼主考虑过没有？加载十个页面，如果十个页面都有用到Ext的功能，那不是十个页面都要重新加载一次ext-all.js,ext-all.css....很恐怖的一个基数。直接用Ext加载内容没有重复加载的情况发生。
xiang588 2008-03-07
我也是这样做的
不过遇到个问题
如何改变iframe的src的值
HexUzHoNG 2008-03-07
至少对于我这个刚接触extjs的新手来说，iframe很好很强大。学习extjs的成本&时间不用那么大了。

想像原来一样的开发方式，点击左边树菜单，右侧内容区域里的iframe就显示相应的模块页面。

如果直接在一个页面里写出来，刚学extjs，还真不知怎么写。
fireguns 2008-03-07
为啥都要用iframe呢？

直接在一个页里写出来不好么
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

heweiya
搜索本博客
我的相册
92e28bd8-89d3-39dd-990d-994641352b13-thumb
mvn-project.jpg
共 37 张
最近加入圈子
存档
最新评论