2009-12-09 177 views
3

我有一個(Ext JS)選項卡面板,其中隱藏的標籤在初始實例化時根本不加載(我設置的唯一標題是標題)。Ext js - 在TabPanel中動態改變Tab的內容

在激活選項卡時,我想調用一個方法,然後實例化一個新的FormPanel/GridPanel並將此內容放入選項卡中。

有人可以指點我的代碼示例或給我提示如何做到這一點? 非常感謝!

回答

5

只需構建一個新面板並將其添加到激活的選項卡。然後調用doLayout()。

listeners: { 
    activate: function(panel) { 
     var formPanel = .... 
     panel.add(formPanel); 
     panel.doLayout(); 
    } 
} 
+2

請注意,您可能不希望每次激活選項卡時都重新添加表單面板。在添加激活的偵聽器時,您可能希望使用{single:true}配置,在添加表單面板後手動刪除偵聽器,或者檢查激活處理器是否已經首先加載表單面板。 – 2009-12-10 07:37:34

+0

bmoeskau,好點!我應該在我的答案中提到它... – snw 2009-12-10 10:32:50

+0

非常感謝!那就是訣竅。是的,我肯定會把邏輯在那裏,所以它不會重新添加... – 29er 2009-12-10 18:06:32