2007-08-11

请问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。请有知道的朋友赐教，谢谢。
评论
sp42 2007-11-30   回复 
new Ext.Panel({
  ....
  items : [{
    tag : 'iframe',
    src : 'url goes here'
  }]
  ....
})

应参考一下EXT的对象模型
microboat 2007-11-30   回复
http://extjs.com/forum/showthread.php?t=16590&highlight=iframe

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

这个可以解决Iframe问题。
afcn0 2007-11-28   回复
jerry 写道
就凭这么复杂才可以建一个iframe的tab说明,extjs也够垃圾的.
有毛病,这种人应该去开发世界无敌框架
jerry 2007-11-28   回复
就凭这么复杂才可以建一个iframe的tab说明,extjs也够垃圾的.
fangzhouxing 2007-09-06   回复
我们的做法和你的基本一致, 主要区别是我们的表单(参见附图)只创建Ext.form.TextField之类,然后用Apply方法关联到HTML中的Input元素.

为了测试,我连续打开了很多个表单,没有出现你说的情况.
stamen 2007-09-04   回复
fangzhouxing 写道
表单组件


具体指什么?

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


    是指如 INPUT TEXTAREA等组件。
fangzhouxing 2007-08-30   回复 
表单组件


具体指什么?

如果是Ext.form.Form,我使用DWR,所以不准备也没有使用它.
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));   
     }   
       
}

     不知道你采用休何种方式？盼复。
fangzhouxing 2007-08-30   回复
引用
如果我要用iFrame＋Tab页，是否EXT就不行了呢？


我们一直采用iFrame＋Tab页方式,没有发现什么问题.
stamen 2007-08-28   回复
如果我要用iFrame＋Tab页，是否EXT就不行了呢？
sp42 2007-08-26   回复
《ajax模式(1)---内容分块模式》
http://www.javaeye.com/topic/116890
引用
2． Xhtml格式：这种格式的数据在客户端不用解析，可直接插入到合适的位置...

引用
2. 以内容为中心的交互
fangzhouxing 2007-08-25   回复
引用
不要在Tabs用iframe,用XHR返回HTML片断并打开执行脚本


我对这个问题也很有兴趣，希望有高人能详细说明一下。先谢了！
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片断并打开执行脚本


   愿闻其详：）
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片断并打开执行脚本
stamen 2007-08-22   回复
gavin213 写道
请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?

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

   不过我发现在一个EXT区域中放入过多的iFrame Region，用一段时间后，Region中的IFrame的表单组件就会失效了，无法接受光标。看来EXT 1.1还是比较不稳定啊。另外，发现EXT真的太慢了，切换一个TAB页都觉得有延时，什么时候才能够改进一下呢？不然我都没有信心在我们项目中使用EXT的大部分功能了（现在只用到Layout）。
gavin213 2007-08-20   回复
请问楼主，在EXT的tabs中放置一个grid,是不是也要用iframe?
stamen 2007-08-18   回复
fangzhouxing 写道

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


这样设置就可以了： 

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

   Very Great！
fangzhouxing 2007-08-17   回复
引用
现在有一个问题是，这个Tab页标签出现在区域的底部，而不是顶部，不知道能否通过参数设置，改变Tab页标签的位置。


这样设置就可以了： 

		,center: { 
                titlebar: false
                ,autoScroll:false
                ,tabPosition: 'top'
                ,closeOnTab: true
                ,alwaysShowTabs: true
                ,resizeTabs: true
		}
xugq035 2007-08-12   回复
tab还是用ajax好点
sp42 2007-08-12   回复
不是Ext.TabPanel
而是Ext.TabPanelItem

setUrl
引用
public function setUrl( String/Function url, [String/Object params], [Boolean loadOnce] )
Set a URL to be used to load the content for this TabPanelItem.
发表评论

该博客是同时发布到论坛的，无法评论在论坛已被锁定的帖子

stamen
搜索本博客
最近加入圈子
存档
最新评论