Sencha触摸按钮 - 暂停直到显示

时间:2012-05-11 18:44:33

标签: button sencha-touch-2

我想延迟显示一个sencha触摸按钮元素几秒钟。我该怎么做?

我有以下[item]

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

我如何延迟显示例如10秒?

谢谢

2 个答案:

答案 0 :(得分:2)

我认为使用Ext.util.DelayedTask

可能是更好的做法

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

答案 1 :(得分:1)

您可以使用以下代码段:

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

假设您有一个面板或容器,其'id'配置设置为'MyPanel'作为您要添加的按钮的父级。 例如,您可以在其中一个控制器中执行此操作。

另一种方式,如果您的按钮已经按照您在问题中提到的那样声明:

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

是更改setTimeout中的'hidden'属性:

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

同样,您可以在其中一个控制器中执行此操作。