超简单实现: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当中,

 

 

为啥都要用iframe呢？

直接在一个页里写出来不好么

至少对于我这个刚接触extjs的新手来说，iframe很好很强大。学习extjs的成本&时间不用那么大了。

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

如果直接在一个页面里写出来，刚学extjs，还真不知怎么写。

我也是这样做的
不过遇到个问题
如何改变iframe的src的值

Ext.get("youID").src="you page"

这样应该就可以了。


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

引用 http://www.iteye.com/topic/175391
有了IFrame 后，IFrame如何自适应大小呢？即如何获得窗口大小调整事件呢？

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

{
layout:"border",
items:[{
region:"center"
},{
region:"west",
title:"左边",
width:200,
split:true,
collapsible:true,
hlDrop:true
}]
}

    帮助作者补充一点,其实要加一个前提,如果要使用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"

我怎么用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" 没有任何变化。。。。

我是这么用的：
html:'<iframe id="test" src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'

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

那个html是Ext.TabPanel里的？