如何使用Sencha Touch在浏览器中显示加载屏幕2

Question

声明：我知道如何在移动设备上创建启动屏幕。

如果通过浏览器访问Sencha Touch 2应用程序，是否可以显示加载屏幕？

如果是，请给出一个简明的工作示例。概念验证应用程序，Gist，源代码，你知道。

我说的有点像煎茶文档加载屏幕：

Answer 1

yourContainer.setMasked({ 
    xtype: 'loadmask', 
    message: 'Loading...' 
}); 

然后添加一个计时器

setTimeout(function() { 
    // code to be executed when loading 
    // Unmask the container 
    form.setMasked(false); 
}, 5000); 

Answer 2

您可以添加加载指示器您的index.html 。只要确保它加载速度快，以便用户得到即时反馈，以确定发生了什么。

<div id="appLoadingIndicator"></div> 

一旦应用程序启动调用

// Destroy the #appLoadingIndicator element 
Ext.fly('appLoadingIndicator').destroy(); 

这是为你做的情况下，你use Sencha Cmd to generate new applications。

也看看这些smooth CSS3 indicators的灵感。