javascript - Removing a tab from tabPanel - Stack Overflow

admin管理员组

文章数量:1384595

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?

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?

• javascript
• extjs4
• tabpanel

Share Improve this question Follow asked Apr 27, 2012 at 6:01 ShashwatShashwat 2,66877 gold badges4242 silver badges5858 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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();
});

This closes a tab by clicking the middle button of your mouse.

var middleClick = $(document).mousedown(function(e) {
    if(e.which == 2){
              var tabPanel = <%= tabPanel.ClientID %>;    
              var activeTab = tabPanel.getActiveTab();
              if (e.target.textContent == activeTab.title) {
                  var activeTabIndex = tabPanel.items.findIndex('id', activeTab.id);
                  tabPanel.remove(activeTabIndex);
              }
          }
          return true;
    });

Hope it helps!! =)

本文标签： javascriptRemoving a tab from tabPanelStack Overflow