Hide Tab Panels

[phill54]

sorry for the post. I finally got it working. I had a scope problem not represented in the sample that i posted. I suppose the code above should be working.

[saddanand]

Hi, the above gives me null, i need to hide the tab along with its header, and all its config elements, based on my condition. which i check in beforerender handler.
var tabs = new Ext.TabPanel({
id:'form.run.tabs',
width:parent.width,
height:300,
autoDestroy: true,
border:false,
activeTab:0,
items:[{
id:'tab.inputTab.id',
title:'Inputs',
xtype:'panel',
layout: {
type: 'vbox'
},
id:'inputTab',
items:[form, inputGrid]
},{
title:'Outputs',
xtype:'panel',
layout:'fit',
id:'outputTab',
items:[outputGrid]
}]

my panel is rendered inside a window, added as its items: [runDetails,tabs],
Plz help !!!

[manrj]

Ext.getCmp('tabID').setTitle('')

worked for me

[phill54]

Hi saddanand,

considering this to be your code with tiny changes:

var tabs = new Ext.TabPanel({
        id:'parentPanel',
        width:parent.width,
        height:300,
        autoDestroy: true,
        border:false,
        activeTab:0,
        items:[{
             id:'childPanel',
            title:'Inputs',
            xtype:'panel',
            layout: {
                type: 'vbox'
            },
            items:[form, inputGrid]
        },{
            title:'Outputs',
            xtype:'panel',
            layout:'fit',
            id:'outputTab',
            items:[outputGrid]
        }]
);

I believe you're looking for something like:

var parentPanel = Ext.getCmp('form.run.tabs');
var childPanel = Ext.getCmp('inputTab');
parentPanel.hideTabStripItem(childPanel);

I'm not 100% sure wheather it's possible to hide/unhide TabStripItems before the TabPanel is rendered. You should check on that and maybe you'll attach the hide event to the "afterrender" event of the TabPanel. Another possibility would be to make childPanel instances on their own and add them to the TabPanel when they're supposed to show up.

[zlevardy]

hmm. And what is the solution in extjs4?

thx

[zlevardy]

from www.szabogabor.net:

tabpanel.getComponent(0).tab.hide();