2012-05-21 14 views
6

Sto cercando di creare un'app flashcard con sencha touch 2. Ho un'etichetta che mostra la domanda, che occupa l'intero schermo, lo voglio in modo che quando l'utente tocca l'etichetta la risposta mostra. L'etichetta ha un evento "tap"? Funziona quando uso un pulsante, ma non quando uso un'etichetta.Sencha Touch Label: ha un evento Tap?

Un altro modo è se riesco a far sì che il pulsante sia trasparente sopra un'etichetta. Qualche suggerimento?

risposta

4

Si può fare questo:

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

Spero che questo aiuti

1

Ext.Label non è progettato per avere un evento tap. Tuttavia, è ancora possibile realizzarla attraverso l'evento tap sull'etichetta elemento HTML, ad esempio:

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

Ma Sencha tocco non fornisce tap evento su Ext.Label, che è un figlio di Ext.Component, così quando si tenta di utilizzare l'evento di tocco su un'etichetta, non è la migliore pratica.

Un approccio migliore è quello di utilizzare Ext.Button con i seguenti 2 configurazioni:

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

e nel CSS, stile il suo sfondo trasparente.

2

un altro modo per associare l'evento di tocco al controllo "etichetta" utilizzando sencha touch.

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