如题!我第一个TabPanel有三个选项卡,第二选项卡嵌套了一个TabPanel,第一次加载时候我能够正常显示,但是我点击第一个TabPanel的其它任何选项卡,再回来点击第二个选项卡就界面混乱了,不知道各位大侠有没有碰到过,小弟虚心请教。
代码:
 这个tabpanel 是整个一个window的border布局 的center
  var exaMine_center = new Ext.TabPanel({
            region    : 'center',
           // margins   : '3 3 3 0',
            enableTabScroll:true,
            layoutOnTabChange:true,
            activeTab : 0,
            defaults  : {
autoScroll : true
},
            items     : [
            {  title    : '电子处方'
             },{ 
                title    : '医技申请',
                layout   :'fit',
                items    :[center_Apply_Tab]
                
            },{ 
                title    : '医技结果1'
            }]
         });
  var center_Apply_Tab=new Ext.TabPanel({
                    border    :false,
                    autoWidth :true,
                    layoutOnTabChange:true,
                    //monitorResize:true,
 //forceLayout:true,
                    activeTab : 0,
                    defaults  : {
        autoScroll : true
        },
                     items     : [{
                                    title    : '化验申请',
                                    border   :false,
                                    layout  :'fit',
                                    items:[{...一个border布局 写不到了...}]
                                   },
                                    [{
                                    title    : '化验申请1',
                                    border   :false,
                                    layout  :'fit',
                                    items:[{...一个border布局 写不到了...}]
                                   },[{
                                    title    : '化验申请2',
                                    border   :false,
                                    layout  :'fit',
                                    items:[{...一个border布局 写不到了...}]
                                   }]
                        });
                                     
   我不明白的是 我在FF浏览器里面正常,不会出现界面问题、在360.IE上面操作时切换界面就会出现tabPanel里的界面混淆了,我用的是2.2的。各位帮忙给我个结果吧。

解决方案 »

  1.   

    注意自己的tabpanel里的 元素名不能有相同的  再就是要用new一个对象出来的时候 最好能检测下  比如 
    var SpgateWin; 
    creatWinFun = function()---创建一个对象的
     {if(!SpgateWin)
        {
                SpgateWin = new Ext.Window({
                SpgateWin = new Ext.Window({.......})
         }
     };
      

  2.   

    var SpgateWin;
    creatWinFun = function()---创建一个对象的
    {if(!SpgateWin)
    {
    SpgateWin = new Ext.Window({.......});
    };上面的写错了  呵呵  其实意思很简单 就是你在new的时候你去判断下当前这个对象是否存在 
      

  3.   

    new 出来的不被回收,我EXT.form的都是用xtype定义让它自己回收。我也没有定义ID属性,虽然我没有判断但是 应该不是这个原因。我也试下咯 谢谢啊 还有没有好的建议啊 各位大哥
      

  4.   

    还有 为什么FF可以正常的显示,360 和IE都是一样的,也不报错。在线等各位帮忙。
      

  5.   

    谁可以肯定的说TabPanel嵌套tabpanel不会出现界面问题。有没有哪位大侠做过。我真的想不出为什么了。UP下!
      

  6.   

     在你的第二个tabPanel,加个属性 deferredRender :false, \
      

  7.   

    终于搞定了!晕~我把tabpanel放在window里面,我把window的  closeAction     :"hide"去掉就可以了,并且不能调用hide()方法将window隐藏,只能对它close(),不然会把里面的combo数据会混乱。会变成第一次加载可以,第二次就不显示了。 
       我的问题是这样解决了,不过我要说的是,closeAction     :"hide" 怎么和tabpanel起冲突 。还想高手给我解释一下。