如何使用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的靈感。