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

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

另一种方式，如果您的按钮已经像您在问题中提到的那样声明：

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

是更改 setTimeout 中的“隐藏”属性：

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

同样，您可以在您的控制器之一中执行此操作。