Nút cảm ứng Sencha - Tạm dừng cho đến khi hiển thị

Question

Tôi muốn trì hoãn hiển thị phần tử nút cảm ứng sencha trong vài giây. Làm thế nào tôi sẽ làm điều này?

Tôi có [item] sau

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

Làm thế nào tôi sẽ trì hoãn cho thấy ví dụ 10 giây?

cảm ơn

Answer 1

Bạn có thể sử dụng đoạn mã sau đây:

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

Đó là giả sử bạn có một bảng điều khiển hoặc container với một 'id' cấu hình thiết lập để 'MyPanel' như phụ huynh của nút bạn muốn thêm. Bạn có thể thực hiện điều này trong một trong các bộ điều khiển của bạn chẳng hạn.

Một cách khác, nếu nút bấm của bạn đã được tuyên bố như bạn đề cập trong câu hỏi của bạn:

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

là thay đổi 'ẩn' trong setTimeout:

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

Một lần nữa, bạn có thể thực hiện điều này trong một trong các bộ điều khiển của bạn chẳng hạn.

Answer 2

Tôi nghĩ rằng nó có thể là một thực hành tốt hơn để sử dụng Ext.util.DelayedTask

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