0

コントローラに次のコードがあり、単にビューを切り替えようとしています。ビューを表示する方法を誰かが説明できますか？

Ext.define('MyApp.controller.HomeController', {
    extend: 'Ext.app.Controller',

    config: {
        views: [
            'Home',
            'ChangeEmailView'
        ],

        refs: {
            changeEmailView: {
                selector: '#btnChangeEmail',
                xtype: 'ChangeEmailView'
            }
        }
    },

    init: function(application) {
        alert("init");
    },

    launch: function() {
        alert("launch");
    }

});

意見：

Ext.define('MyApp.view.ChangeEmailView', {
    extend: 'Ext.Panel',
    alias: 'widget.ChangeEmailView',

    config: {
        items: [{
            xtype: 'toolbar',
            docked: 'top',
            ui: 'light',
            title: 'Change Email Address'
        }]
    }
});
4

1 に答える 1

0

最も簡単な方法は次のとおりです。

showChangeEmailView: function () {
    Ext.Viewport.add(this.getChangeEmailView());
    this.getChangeEmailView().show({
        type:'slide',
        direction:'up'
    });
}

これが例です

しかし、それは本当にあなたのアプリの構造に依存します。たぶん、NavigationViewを使用していて、ビューをプッシュする必要があります。

これがお役に立てば幸いです

于 2012-11-26T20:50:24.167 に答える