Removing a tab from tabPanel

Question

``` var tabPanel = Ext.getCmp('tabPanel'); for(var i=1; i<tabPanel.items.length; i++) { tabPanel.items.removeAt(i); i--; } tabPanel.doLayout(); ``` I'm trying to remove all the tabs (except the first one) from the tabPanel. This code is doing that. I checked it using firebug. But still, it is not reflecting in the UI. Isn't doLayout() enough?

Accepted Answer

Instead of calling

```
tabPanel.items.removeAt(i);
```

Call

```
tabPanel.remove(tabPanel.items.getAt(i));
```

Then you're telling the container instead of the mixed collection to remove the tab

Another way to do it is

```
tabPanel.removeChildEls(function(tab){
  return tab != tabPanel.items.first();
});
```

Removing a tab from tabPanel

Solution

Problem