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

【问题标题】：Show view on button event in Sencha Architect在 Sencha Architect 中显示按钮事件视图
【发布时间】：2012-05-01 18:15:29
【问题描述】：

我刚开始使用 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'
                    }
                ]
            }
        ]
    }

});

应该用什么代替警报来添加新视图？

【问题讨论】：

标签： extjs sencha-architect

【解决方案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);
}

【讨论】：

我无法让它工作。我给我的容器提供了 id 'sampleview'，但是当事件触发时没有任何反应。控制台中甚至没有错误。我的项目在github.com/danielsvane/senchaviewtest。你能看看吗？谢谢。
没关系，你是对的，我只是没有正确使用它。为什么需要创建事件视图？有没有办法在之前创建它，只使用'Ext.Viewport.setActiveItem(Ext.getCmp('sampleview'));'？
我检查了您的代码，但我看到您只使用了上述代码的一行。您可以简单地写：var sample = Ext.create('App.view.SampleView'); Ext.Viewport.setActiveItem(sample); 而不是：Ext.Viewport.setActiveItem(Ext.getCmp('sampleview')); 我写上面的 if 条件只是为了避免多次创建视图。
是的，我在再次查看代码时发现了这一点。我认为 else 子句只会创建一个空视图。你能为 Sencha Architect 推荐任何资源吗？那里似乎没有太多东西。感谢您的帮助！
不客气！实际上，它是一个非常新的工具，因此还没有很好地记录它。因此，您现在应该使用 [docs.sencha.com] 上的现有文档。