Sencha Touch Label - 它有Tap事件吗?

时间:2012-05-21 15:52:56

标签: sencha-touch-2

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

另一种方法是,如果我可以让按钮在标签上方透明。 有什么建议吗?

3 个答案:

答案 0 :(得分:4)

你可以这样做:

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

希望这有帮助

答案 1 :(得分:2)

使用sencha touch将tap事件绑定到'label'控件的另一种方法。

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

答案 2 :(得分:1)

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

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

但是 Sencha Touch 不会在tap上提供Ext.Label活动,这是Ext.Component的孩子,所以当您尝试使用点击事件时标签,这不是最好的做法。

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

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

在CSS中,将其背景设置为透明。