javascript - tabPanel からタブを削除する

Question

var tabPanel = Ext.getCmp('tabPanel');
for(var i=1; i<tabPanel.items.length; i++)
{
    tabPanel.items.removeAt(i);
    i--;
}
tabPanel.doLayout();

tabPanel からすべてのタブ (最初のタブを除く) を削除しようとしています。このコードはそれを行っています。firebugで確認しました。
それでもUIには反映されません。doLayout() で十分ではありませんか?

Answer 1

呼び出す代わりに

tabPanel.items.removeAt(i);

電話

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

次に、混合コレクションではなくコンテナにタブを削除するように指示しています

それを行う別の方法は

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

Answer 2

これは、マウスの中ボタンをクリックしてタブを閉じます。

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

それが役に立てば幸い！！=)