如何交換Extjs面板內容？

Question

在我的應用程序有兩個面板-A和B.

我使用的「邊界」佈局，面板a爲中心區域和B組是在南方地區具有高度200

的「面板A」有很多像網格，工具欄等項目，「面板B」也有一些項目。

我的問題是，我怎麼可以交換的內容，以B和B到A

注：我使用 「ExtJS的3.2」

問候，

穆罕默德Shafeek

Answer 1

center和south中的面板必須用容器組件包裝。然後，您可以輕鬆獲取每個容器的內容，清除容器並向其添加來自第二個容器的內容。

因此，對於開關應面板功能如下：

function switchPanels() { 
    southContainer = Ext.getCmp('southContainer'); 
    centerContainer = Ext.getCmp('centerContainer'); 

    southContainerItems = southContainer.items.getRange(); 
    centerContainerItems = centerContainer.items.getRange(); 

    southContainer.removeAll(false); 
    centerContainer.removeAll(false); 

    for (var i = 0; i < southContainerItems.length; i++) { 
     centerContainer.add(southContainerItems[i]); 
    }; 

    for (var i = 0; i < centerContainerItems.length; i++) { 
     southContainer.add(centerContainerItems[i]); 
    }; 

    centerContainer.doLayout(); 
    southContainer.doLayout(); 
} 

有關完整的活生生的例子看看這個小提琴：https://fiddle.sencha.com/#fiddle/2iv