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

Here's an example

但那真的取决于你的app结构。也许您正在使用NavigationView，然后您需要推送视图。

希望这有帮助

Sencha触摸没有使用控制器显示视图

1 个答案: