在切換視圖後維護視圖實例

Question

我有幾組佈局，其中我按不同的順序重新排列了一組組件（視圖）。

我想實現的是應該在不同的佈局上渲染同一個視圖實例，以保持視圖的狀態。

我已經做了類似的

Ext.define('MyApp.view.FirstView',{ 
    extend:'Ext.container.Container', 
    alias:'widget.firstView' 
}); 

Ext.define('MyApp.view.SecondView',{ 
    extend:'Ext.container.Container', 
    alias:'widget.secondView' 
}); 

Ext.define('MyApp.view.HboxLayout',{ 
    extend:'Ext.container.Container', 
    layout:{ type:'hbox',align:'stretch'}, 
    items:[ 
     { xtype:'firstView'}, 
     {xtype:'secondView'}] 
}); 

Ext.define('MyApp.view.VboxLayout',{ 
extend:'Ext.container.Container', 
layout:{ type:'vbox',align:'stretch'}, 
items:[ 
     { xtype:'firstView'}, 
     {xtype:'secondView'}] 
}); 

讚賞任何幫助的東西。

Answer 1

如果容器配置爲autoDestroy：false，您可以調用容器中的remove方法仍然保持引用。

然後，您可以添加視圖，您仍然可以通過添加或插入方法添加到其他容器的引用。

這裏有一些鏈接：

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.container.AbstractContainer-cfg-autoDestroy http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.container.AbstractContainer-method-remove http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.container.AbstractContainer-method-add