Sencha Touch Label - 它有点击事件吗？答案

【问题标题】：Sencha Touch Label - does it have a Tap Event?Sencha Touch Label - 它有点击事件吗？
【发布时间】：2012-05-21 15:52:55
【问题描述】：

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

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

【问题讨论】：

标签： sencha-touch-2

【解决方案1】：

你可以这样做：

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

希望对你有帮助

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

Ext.Label 并非设计为具有tap 事件。但是，您仍然可以通过标签 HTML 元素上的tap 事件来实现它，例如：

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

但是Sencha Touch没有在Ext.Label上提供tap事件，它是Ext.Component的子事件，所以当你尝试在标签上使用点击事件时，它不是最好的练习。

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

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

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

【讨论】：