Howto Add/Remove (dynamically) Tabs from TabPanel

[Markj]

Hi

Adding tabs dynamically to a TabPanel is pretty easy..

http://extjs.com/deploy/dev/examples/tabs/tabs-adv.html

However removing them isn't (if you dont know the ids of the tabs)

I would have thought you just could iterate over items on the tabpanel, but you cant, because (if you use firebug) the array is "empty"...

if you inspect the panel in firebug you can see that you would to do something like this panel.items.items, to get tabs.. (notice, this still wont help to remove items because it is "empty")

So how is this suppose to be done?

[jay@moduscreate.com]

tabPanel.remove(someTab, true);

tabPanel.add(someNewTab);
tabPanel.setActiveTav(someNewTab);

[Markj]

Thanks, but i still need af piece of the puzzle

i need to get someTab, from the tabPanel, before i can do this tabPanel.remove(someTab, true);

and when you cant iterate items on tabPanel and dont know the Ids, then you have a "no go".

[Animal]

You must know something about the Panel that you want to remove, because you know you want to remove something.

[Markj]

I know that i have a panel and that i have added tabs at one point...

However i could store the tabs in an array while adding them to the panel, because then i would something about the tabs later on... but that wouldn't be "pretty"!

I would think that the right way to this problem would be that items on tabpanel actually worked, so i would just iterate over it and do

panel.items.each(function(item){
panel.remove(item)
})

[Animal]

So you want to remove them all? That code above will work.

[Markj]

except that items is considered to be empty for some reason, even though the tabs are their..

yes, i wanna remove them all

[jay@moduscreate.com]

try:
(it should work with panel.items.each);

Ext.each(panel.items.items, function(childPanel) {
    panel.remove(childPanel, true);

});

[Animal]

myTabPanel.items.each(function(c){myTabPanel.remove(c);})

SHoujld work just fine.

[Markj]

you are right, it works.. i dont know why it didn't work for me in the begining..

and when i saw that items where empty in firebug

console.log(tabPanel.items) -> []

then i thought something where wrong... even though it works now, it just makes it even more confusing to get the above result in firebug