javascript - Sencha Touch 2.1 点击整个工具栏

Question

我需要能够点击/单击页面底部的整个工具栏，然后转到另一个屏幕或弹出窗口。

为什么这么问？因为我现在有一个标志作为我的标题。另外，这是最简单的方法，我可以用最少的代码在底部找到一个 Logo ，该 Logo 已停靠，并且不会随着页面的更改而更改。本质上，我的工具栏是指向“关于”页面的链接或弹出窗口。

这是我所拥有的似乎可以与按钮一起使用的东西。

{
  xtype : 'toolbar',
  docked: 'bottom',
  title: '<img src="logo.png" id="logo" alt=""/>',
  handler: function() {
    Ext.Msg.alert('About', 'You clicked about');
  }
}

我也尝试过，但没有成功。

{
  xtype : 'toolbar',
  docked: 'bottom',
  title: '<img src="logo.png"/>',
  listeners: {
    tap: function() {
      alert("You tapped me");
    }
  }
}

谢谢，唐尼

Answer 1

你可以简单地这样做:

{
    xtype : 'toolbar',
    docked: 'bottom',
    title: '<img src="logo.png"/>',
    listeners: {
        initialize: function() {
            this.element.on({
                tap: function() {
                    alert("You tapped me");
                }
            })
        }
    }
}

希望对您有所帮助:)