Sencha Botón táctil - Pausa hasta revelar

Question

Quiero retrasar mostrando un elemento de botón táctil sencha durante varios segundos. ¿Cómo haría esto?

Tengo el siguiente [Artículo]

     xtype: 'button', 
         align: 'right', 
         hidden: false, 
         html: 'Go!' 

¿Cómo iba a retrasar el mostrado que, por ejemplo, 10 segundos?

Gracias

Answer 1

Se puede utilizar el siguiente fragmento de código:

setTimeout(function(){ 
    Ext.ComponentManager.get('MyPanel').add({ 
     xtype:'button', 
     align:'right, 
     html('Go!') 
    });   
}, 10000); 

que está suponiendo que tiene un panel o recipiente con una configuración 'id' se pone a 'MyPanel' como padre de el botón que quieres agregar Puede ejecutar esto en uno de sus controladores, por ejemplo.

Otra forma, si el botón ya fue declarado como usted ha mencionado en su pregunta:

{ 
    xtype: 'button', 
    align: 'right', 
    hidden: false, 
    html: 'Go!', 
    id:'MyButton' 
} 

es cambiar la propiedad 'oculta' en el setTimeout:

setTimeout(function(){ 
    Ext.ComponentManager.get('MyButton').setHidden(false); 
}, 10000); 

vez más, se puede ejecuta esto en uno de tus controladores, por ejemplo.

Answer 2

creo que podría ser una mejor práctica utilizar Ext.util.DelayedTask

http://docs.sencha.com/touch/2-0/#!/api/Ext.util.DelayedTask