button - Sencha Touch Button - 暂停直到显示

Question

我想延迟显示煎茶触摸按钮元素几秒钟。我该怎么做？

我有以下 [项目]

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

我将如何延迟显示，例如 10 秒？

谢谢你

Answer 1

我认为使用它可能是一个更好的做法Ext.util.DelayedTask

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

Answer 2

您可以使用以下代码片段：

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);

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