0

Sencha Touch の新しい NavigationView コンポーネントの例を見てきました。xtype の使用に基づいて別のビューに切り替えるにはどうすればよいですか。API ドキュメントでは、最も一般的な使用法 (つまり、新しいビューの作成で xtype を使用する) を示す有用な例が省略されているようです。または、何か不足していますか？

例: http://docs.sencha.com/touch/2-0/#!/api/Ext.navigation.View

彼らは参照「ビュー」を使用して新しいビューをプッシュしています。しかし、私の質問は次のとおりです。

1) 最初にナビゲートされたビューが、次のような xtype ロードの結果である場合:

Ext.Viewport.add({xtype:'testnavview'});

次に、元のコントローラーからxtypeを使用して暗黙的にロードされた場合、ビューをプッシュするための参照を取得するにはどうすればよいですか?

2) 次に、xtype を使用してビューをナビゲーション ビューにプッシュするにはどうすればよいですか (以下を参照してください) ...

つまり、私はこのようなことをすることができます:

Ext.define('MyApp.view.TestNav', {
    extend: 'Ext.NavigationView',
    alias: 'widget.testnavview',
    config: {
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                title: 'View 1',
                items: [
                {
                    xtype: "button",
                    text: "View1",
                    handler: function () {
                        console.log("handler view1");

                        this.push({ xtype: "View1" });

                    }
                },
                {
                    xtype: "button",
                    text: "View2"
                },
                 {
                     xtype: "button",
                     text: "View3"
                 },
                 {
                     xtype: "button",
                     text: "View4"
                 }

                ]
            }
        ]
    }

});
4

1 に答える 1

0

controller に参照を追加することで、ナビゲーション ビューを取得できます。

refs: {
  navigationView: 'navigationview'
}

次に、次のようにコントローラーの任意の場所に取得します。

this.getNavigationView().push({xtype: 'myPushedView'});
于 2012-12-01T09:39:55.393 に答える