Скрытие панели в панели вкладок extjs4.2

Question

У меня есть панель вкладок, на которой отображаются две вкладки. Я также создал Ext.panel.Panel (docspanel), который отображается в обеих вкладках. Но как скрыть его для вкладки B?

tabPanel = Ext.create('Ext.tab.Panel', { 
     region: 'center', 
     activeTab: 0, 
     autoScroll: true, 

     items: [ 
       { 
        id:"panel_A", 
        html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />", 

       },{ 
        id:"panel_B", 
        html: "<iframe src= '"+B_url+"' width='100%' height='100%' id='frm_B' name='frm_B' frameborder=0 />", 
       }], 
    renderTo: Ext.getBody() 
     }); 






    viewport = new Ext.Viewport({ 
     layout:'border', 
     items:[tabPanel,docsPanel] 
    }); 

Answer 1

С этим Difinition ваш docsPanel добавлен в Ext.Viewport (вместе с панелью вкладок), а не к tabPanel.

viewport = new Ext.Viewport({ 
    layout:'border', 
    items:[tabPanel,docsPanel] 
}); 

Вы можете добавить tabPanel на панели А, как это:

items: [ 
    { 
     items: [ 
      docsPanel, 
      { 
       xtype: 'panel', 
       id:"panel_A", 
       html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />" 
      } 
     ] 
    }, 
    { 
     id:"panel_B", 
     html: "<iframe src= '"+B_url+"' width='100%' height='100%' id='frm_B' name='frm_B' frameborder=0 />" 
    } 
], 

или просто hide()/show()docsPanel на tabchange случае tabPanel (IMO его бессмысленной).