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

Question

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

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

如果是，请给出一个简洁的工作示例。概念验证应用程序，要点，来源，你知道的。

我说的是像 Sencha Docs 加载屏幕这样的东西：

Answer 1

您可以在 index.html 中添加加载指示器。只需确保它加载速度快，以便用户立即获得正在发生的事情的反馈。

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

一旦应用程序启动呼叫

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

如果您使用 Sencha Cmd 生成新的应用程序，这是为您完成的。

也可以看看这些流畅的 CSS3 指标以获得灵感。

Answer 2

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

然后添加一个计时器

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