sencha-touch - Sencha touch 不使用控制器显示视图

Question

我的控制器中有以下代码，并试图简单地切换视图。谁能解释如何让视图显示。

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

Answer 1

最简单的方法如下：

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

这是一个例子

但这实际上取决于您的应用程序结构。也许您正在使用 NavigationView，然后您需要推送视图。

希望这有帮助