如何在ExtJS中的選項卡中使用窗口

Question

我一直在這裏嘮叨我的頭幾天。

我想要在ExtJS中的選項卡中生存幾個窗口。我試圖在選項卡中創建窗口，但是當切換選項卡時，窗口保持可見狀態，因此它們不會綁定到選項卡。此外，窗戶必須能夠動態創建/銷燬。

我已經嘗試創建一個窗口，然後使用tab.add（風）將其添加到選項卡的框架，但沒有奏效。

有什麼想法？

Answer 1

作爲一種可能的解決方案，您可以在啓用/禁用Tabpanel之前隱藏（）和顯示（）窗口。

也就是說，如果用戶移出標籤，那麼您可以隱藏所有窗口，以便它們不會顯示在其他標籤中，並且當用戶移回到此標籤時，您可以顯示所有此類窗口。當然，你必須檢查窗口是否存在。希望這可以幫助。

Answer 2

一下添加到該選項卡的停用和啓動監聽器：

這在ExtJS的4.1

this.tab_panel = Ext.create('Ext.tab.Panel', { 
    xtype: 'tabpanel', 
    activeTab: 0, 
    border:false, 
    items: [{ 
     ..... // your other tab config 
     listeners: 
     { 
      activate: 
      { 
       scope: yourscope, 
       fn: function() 
       { 
        var window = this.windowThatsInATab; // or panel etc... 

        window.floatingItems.show(); 
       } 
      }, 
      deactivate: 
      { 
       scope: yourscope, 
       fn: function() 
       { 
        var window = this.windowThatsInATab; // or panel etc... 

        window.floatingItems.hide(); 
       } 
      } 
     } 
    }] 
});