sencha-touch-2 - 将 OnTap 添加到 TitleBar

Question

当点击食物标题栏时，我需要能够隐藏网格（食物标题栏下的内容）。

根据我的发现，我不得不使用事件委托，但由于某种原因，当我点击 Food TitleBar 时，我使用 Alert() 进行的测试没有做任何事情。

有人能帮我吗？（使用架构师，因此使用架构师的解决方案对我来说更容易，因为生成的大部分代码都是只读的 -_-'）

Answer 1

我只用过一次建筑师。但我很确定有一个界面可以编辑它生成的代码。这是实现单击标题栏的演示。

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: ('SF' || 'SenchaFiddle'),

    launch: function () {
        Ext.define('MyApp.view.home', {
            extend: 'Ext.Container',
            xtype: 'homecontainer',
            config: {
                items: [{
                    xtype: 'toolbar',
                    title: 'test',
                    dock: 'top',
                    listeners: {
                        painted: function (element, opt) {
                            element.on('tap', function () {
                                alert('Test');
                            });
                        }
                    }
                }]
            }
        });

        Ext.Viewport.add(Ext.create('MyApp.view.home'));
    }
});