Sencha Touch 2.1 点击整个工具栏答案

【问题标题】：Sencha Touch 2.1 tap entire toolbarSencha Touch 2.1 点击整个工具栏
【发布时间】：2013-01-09 20:21:02
【问题描述】：

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

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

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

{
  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");
    }
  }
}

谢谢，唐尼

【问题讨论】：

我不会打电话回答这个问题，但我确实留在谷歌并找到了一个解决方案，该解决方案可以通过单击徽标而不是整个工具栏来工作。我必须创建一个新的工具栏项作为 xtype 图像，并向我的图像添加一个点击侦听器。然后将我的 ext.msg.alert() 添加到监听器。

标签： javascript sencha-touch sencha-touch-2 sencha-touch-2.1

【解决方案1】：

你可以这样做：

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

希望对你有帮助:)

【讨论】：

明白了。感谢您的帮助。