sencha-touch-2 - Sencha Touch Label - タップイベントはありますか?

Question

sencha touch 2 でフラッシュカード アプリを作成しようとしています。画面全体を占める質問を表示するラベルがあり、ユーザーがラベルをタップすると答えが表示されるようにしたいのです。ラベルに「タップ」イベントはありますか? ボタンを使用すると機能しますが、ラベルを使用すると機能しません。

別の方法は、ラベルの上でボタンを透明にすることができる場合です。助言がありますか？

Answer 1

あなたはこれを行うことができます ：

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

お役に立てれば

Answer 2

sencha touch を使用してタップ イベントを「ラベル」コントロールにバインドするもう 1 つの方法。

{
    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イベントを提供しないため、ラベルでタップイベントを使用しようとする場合、これはベストプラクティスではありません。Ext.LabelExt.Component

より良いアプローチはExt.Button、次の2つの構成で使用することです。

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

CSSで、背景を透明にスタイル設定します。