sencha-touch-2 - Sencha Touch Label - 它有 Tap 事件吗？

Question

我正在尝试使用 sencha touch 2 构建一个抽认卡应用程序。我有一个显示问题的标签，它占据了整个屏幕，我想要它，以便当用户点击标签时显示答案。标签是否有“点击”事件？它在我使用按钮时有效，但在我使用标签时无效。

另一种方法是如果我可以让按钮在标签顶部透明。有什么建议么？

Answer 1

你可以这样做 ：

label.element.on({
    tap : function(e, t) { ... }
});

希望这可以帮助

Answer 2

使用 sencha touch 将点击事件绑定到“标签”控件的另一种方法。

{
    xtype : 'label',
    html : 'my name is abc',
    listeners : 
    {
        element : 'element',
        tap : function(e, t) 
         {
           alert('1 pressed');
         }
    }
}

Answer 3

Ext.Label不是为了tap举办活动而设计的。但是，您仍然可以通过tap标签 HTML 元素上的事件来实现它，例如：

label.getContentEl().on{'tap', handler_function,this}

但是Sencha Touch不提供tap事件 on Ext.Label，它是 的子级Ext.Component，因此当您尝试在标签上使用点击事件时，这不是最佳做法。

更好的方法是使用Ext.Button以下 2 个配置：

{
  ui: 'plain',
  cls: 'btnCls',
}

并在您的 CSS 中，将其背景设置为透明。