extjs - SenchaArchitectでビューを変更する

Question

私はSenchaArchitectとEXTJにかなり慣れていません。複数のビュー（2つのコンテナー）を持つアプリケーションを作成しました。container1のボタンをクリックしたときにビューを切り替えようとしています。正常に起動するイベントを作成しましたが、次のビューに切り替える方法がわかりません。私はもう試した：

if(Ext.getCmp('mainView'))
{
    Ext.Viewport.setActiveItem(Ext.getCmp('mainView'));
}
else 
{
    var view = Ext.create('Snapwire.view.mainView');
    Ext.Viewport.setActiveItem(view);
} 

しかし、これはコンソールエラーをスローするだけです：

Uncaught TypeError: Object function () {
            return this.constructor.apply(this, arguments);
        } has no method 'setActiveItem' 

ありがとう！

Answer 1

ナビゲーションビューを使用して目的を達成できます このリンクを確認してください

http://docs.sencha.com/architect/2/#!/guide/navigationview

それが役立つことを願っています^^

Answer 2

Ext.getCmp('mainView')id を設定した場合にのみ、メイン ビューを返します。クラス定義で、次の構成を追加します。

id: 'mainView'

Answer 3

私はこのようにしました：

Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);  
Ext.Viewport.add([
 { xtype: 'searchwords' }
 ]);  

ここ、

xtype:searchwords 

次のように定義されている SearchWords というビューです。

alias: 'widget.searchwords'

お役に立てば幸いです。