Sencha觸摸按鈕 - 暫停直到顯示

Question

我想延遲顯示sencha觸摸按鈕元素幾秒鐘。我將如何做到這一點？

我有以下[項目]

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

如何我會耽誤示出例如在10秒→

謝謝

Answer 1

你可以使用下面的代碼片段：

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

這是假設你有一個面板或容器的「身份證」的配置設置爲「MyPanel」作爲父你想添加的按鈕。 您可以在其中一個控制器中執行此操作。

另一種方式，如果你的按鈕已經宣佈就像你在你的問題中提到：

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

是改變「隱藏」屬性中的setTimeout：

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

同樣，你可以例如，在您的一個控制器中執行此操作。

Answer 2

我認爲這可能是一個更好的做法是使用Ext.util.DelayedTask

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