在Sencha Architect中显示按钮事件的视图

Question

我刚刚开始使用Sencha Architect，即使是最简单的事情我也遇到了问题。当点击一个按钮时，我正在尝试进入下一个视图。到目前为止，我的代码在单击按钮时发出警报。

Ext.define('MyApp.view.Login', {
    extend: 'Ext.Container',

    config: {
        layout: {
            align: 'center',
            type: 'vbox'
        },
        items: [
            {
                xtype: 'fieldset',
                width: 500,
                title: 'Login',
                items: [
                    {
                        xtype: 'selectfield',
                        label: 'Vælg bil',
                        store: 'cars'
                    },
                    {
                        xtype: 'passwordfield',
                        label: 'Adgangskode'
                    },
                    {
                        xtype: 'checkboxfield',
                        label: 'Husk mig'
                    },
                    {
                        xtype: 'button',
                        handler: function(button, event) {
                            alert("foo");
                        },
                        text: 'Log ind'
                    }
                ]
            }
        ]
    }

});

添加新视图应该采取什么措施而不是提醒？

Answer 1

您可以使用此项打开ID为“sampleview”的视图：

if(Ext.getCmp('sampleview'))
{
    Ext.Viewport.setActiveItem(Ext.getCmp('sampleview'));
}
else 
{
    var sample = Ext.create('App.view.SampleView');
    Ext.Viewport.setActiveItem(sample);
}