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

时间:2012-11-26 20:33:53

标签: sencha-touch sencha-touch-2

我的控制器中有以下代码,我正在尝试简单地切换视图。 任何人都可以解释如何让视图显示。

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

1 个答案:

答案 0 :(得分:0)

最简单的方法如下:

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

Here's an example

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

希望这有帮助