请问Ext的Ext.TabPanel支持iframe吗

  我原来使用 dhtmlxTabbar，这个控件对Tab页的支持真是一流的棒，几乎所有的需要都可以得到满足，比较你可以让一个Tab页对应一个iframe，这样Tab页中内容的提交就可以不影响其它Tab页了。
  下面是dhtmlxTabbar控制使用 iframe模式的代码：
        

         //创建一个tabbar
         tabbar=new dhtmlXTabBar("content","top");
        tabbar.setImagePath("/imgs/");
        tabbar.setStyle("modern");
        tabbar.setHrefMode("iframes");//每一个Tab页对应一个新的iframe

        //添加一个Tab页
         vat tabId = "1",tabName="tab1";
        tabbar.addTab(tabId,tabName,"100px",0);
        _targetUrl = "http://www.baobaotao.com";
        tabbar.setContentHref(tabId,_targetUrl);

   我试了Ext的Tab控件，目前我还没有发现可以一个Tab页对应一个iframe的，不知道是否可以支持一个
Tab页一个iframe。请有知道的朋友赐教，谢谢。

评论

24 楼 sp42 2007-11-30  

new Ext.Panel({
  ....
  items : [{
    tag : 'iframe',
    src : 'url goes here'
  }]
  ....
})

应参考一下EXT的对象模型

23 楼 microboat 2007-11-30  

http://extjs.com/forum/showthread.php?t=16590&highlight=iframe

http://extjs.com/learn/Extension:ManagedIframe

这个可以解决Iframe问题。

22 楼 afcn0 2007-11-28  

jerry 写道

就凭这么复杂才可以建一个iframe的tab说明,extjs也够垃圾的.

有毛病,这种人应该去开发世界无敌框架

21 楼 jerry 2007-11-28  

就凭这么复杂才可以建一个iframe的tab说明,extjs也够垃圾的.

20 楼 fangzhouxing 2007-09-06  

我们的做法和你的基本一致, 主要区别是我们的表单(参见附图)只创建Ext.form.TextField之类,然后用Apply方法关联到HTML中的Input元素.

为了测试,我连续打开了很多个表单,没有出现你说的情况.

19 楼 stamen 2007-09-04  

fangzhouxing 写道

表单组件

具体指什么?

如果是Ext.form.Form,我使用DWR,所以不准备也没有使用它.

    是指如 INPUT TEXTAREA等组件。

18 楼 fangzhouxing 2007-08-30  

表单组件

具体指什么?

如果是Ext.form.Form,我使用DWR,所以不准备也没有使用它.

17 楼 stamen 2007-08-30  

fangzhouxing 写道

引用

如果我要用iFrame＋Tab页，是否EXT就不行了呢？

我们一直采用iFrame＋Tab页方式,没有发现什么问题.

   在以下方面，不知道我们两是否一致：
   1.关于需求：我是要动态打开Tab页，就像在Eclipse打开一个文件在单独的Tab页中显示一样。刚开始几个TAB页是没有问题的，新增一定数量的Tab页后，所有TAB页中的表单组件都不响应了（大概4～5个TAB页就往往会出现问题）如果你是在Region放置固定数目Tab页，那你的需求和我的有一些出入。

   2.关于版本：我是使用EXT 1.1版本的，不知道仁兄你采用哪一版本。

   3.打开的方式：
     我采用以下方式在某一Region中新增一个内嵌IFrame的Tab页：

     var openedTabMap = new col.JSMap();   
function openUrlInTabbar(tabId,tabName,targetUrl){   
     var region = layout.getRegion('center',contentPanel);   
     if(!openedTabMap.containsKey(tabId)){   
         var tabFrame = Ext.DomHelper.append( document.body,{tag: 'iframe',  frameBorder: 0, src: targetUrl,name:'Frame_'+tabId,style:'width:100%,height:100%'});   
         var contentPanel = new Ext.ContentPanel(tabFrame, {title:tabName,fitToFrame:true, closable: true});        
         region.add(contentPanel);   
  
         openedTabMap.put(tabId,contentPanel);   
     }else{   
         region.showPanel(openedTabMap.get(tabId));   
     }   
       
} 

     不知道你采用休何种方式？盼复。
 

16 楼 fangzhouxing 2007-08-30  

引用

如果我要用iFrame＋Tab页，是否EXT就不行了呢？

我们一直采用iFrame＋Tab页方式,没有发现什么问题.

15 楼 stamen 2007-08-28  

如果我要用iFrame＋Tab页，是否EXT就不行了呢？

14 楼 ado88 2007-08-27  

stamen:

用dhtmlXTabBar，想让各个标签页之间可以传值，如何做到？？

很着急的啊，请给我个建议

13 楼 ado88 2007-08-27  

stamen:

用dhtmlXTabBar，想让各个标签页之间可以传值，如何做到？？

很着急的啊，请给我个建议

12 楼 sp42 2007-08-26  

《ajax模式(1)---内容分块模式》
http://www.iteye.com/topic/116890

引用

2． Xhtml格式：这种格式的数据在客户端不用解析，可直接插入到合适的位置...

引用

2. 以内容为中心的交互

11 楼 fangzhouxing 2007-08-25  

引用

不要在Tabs用iframe,用XHR返回HTML片断并打开执行脚本

我对这个问题也很有兴趣，希望有高人能详细说明一下。先谢了！

10 楼 stamen 2007-08-24  

sp42 写道

stamen 写道

gavin213 写道

请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?

对啊，我都是放iframe，这样Tab页中的页面比较独立，不然一定要用ajax提交，比较麻烦。

   不过我发现在一个EXT区域中放入过多的iFrame Region，用一段时间后，Region中的IFrame的表单组件就会失效了，无法接受光标。看来EXT 1.1还是比较不稳定啊。另外，发现EXT真的太慢了，切换一个TAB页都觉得有延时，什么时候才能够改进一下呢？不然我都没有信心在我们项目中使用EXT的大部分功能了（现在只用到Layout）。

不要在Tabs用iframe,用XHR返回HTML片断并打开执行脚本

   愿闻其详：）

9 楼 sp42 2007-08-22  

stamen 写道

gavin213 写道

请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?

对啊，我都是放iframe，这样Tab页中的页面比较独立，不然一定要用ajax提交，比较麻烦。

   不过我发现在一个EXT区域中放入过多的iFrame Region，用一段时间后，Region中的IFrame的表单组件就会失效了，无法接受光标。看来EXT 1.1还是比较不稳定啊。另外，发现EXT真的太慢了，切换一个TAB页都觉得有延时，什么时候才能够改进一下呢？不然我都没有信心在我们项目中使用EXT的大部分功能了（现在只用到Layout）。

不要在Tabs用iframe,用XHR返回HTML片断并打开执行脚本

8 楼 stamen 2007-08-22  

gavin213 写道

请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?

对啊，我都是放iframe，这样Tab页中的页面比较独立，不然一定要用ajax提交，比较麻烦。

   不过我发现在一个EXT区域中放入过多的iFrame Region，用一段时间后，Region中的IFrame的表单组件就会失效了，无法接受光标。看来EXT 1.1还是比较不稳定啊。另外，发现EXT真的太慢了，切换一个TAB页都觉得有延时，什么时候才能够改进一下呢？不然我都没有信心在我们项目中使用EXT的大部分功能了（现在只用到Layout）。

7 楼 gavin213 2007-08-20  

请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?

6 楼 stamen 2007-08-18  

fangzhouxing 写道

引用

现在有一个问题是，这个Tab页标签出现在区域的底部，而不是顶部，不知道能否通过参数设置，改变Tab页标签的位置。

这样设置就可以了：

		,center: { 
                titlebar: false
                ,autoScroll:false
                ,tabPosition: 'top'
                ,closeOnTab: true
                ,alwaysShowTabs: true
                ,resizeTabs: true
		}

   Very Great！

5 楼 fangzhouxing 2007-08-17  

引用

现在有一个问题是，这个Tab页标签出现在区域的底部，而不是顶部，不知道能否通过参数设置，改变Tab页标签的位置。

这样设置就可以了：

		,center: { 
                titlebar: false
                ,autoScroll:false
                ,tabPosition: 'top'
                ,closeOnTab: true
                ,alwaysShowTabs: true
                ,resizeTabs: true
		}