切换视图后维护视图实例答案

【问题标题】：Maintaining view instances after switiching view切换视图后维护视图实例
【发布时间】：2014-02-17 06:05:29
【问题描述】：

我有几组布局，其中我以不同的顺序重新排列一组组件（视图）。

我想要实现的是视图的相同实例应该在不同的布局上呈现，以便保持视图的状态。

我也做过类似的事情

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

任何帮助表示赞赏。

【问题讨论】：

标签： extjs extjs4 extjs4.1 extjs4.2 extjs-mvc

【解决方案1】：

如果容器配置了 autoDestroy:false，您可以在容器上调用 remove 方法仍然保留对它的引用。

然后您可以使用 add 或 insert 方法将您仍然具有引用的视图添加到另一个容器。

这里有一些链接：

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

【讨论】：