Javascript 如何使用Sencha Touch 2在浏览器中显示加载屏幕
免责声明:我知道如何在移动设备上创建启动屏幕。 如果通过浏览器访问Sencha Touch 2应用程序,是否可以显示加载屏幕 如果是,请给出一个简明的工作示例。概念验证应用程序,要点,来源,你知道 我说的是Sencha文档加载屏幕:Javascript 如何使用Sencha Touch 2在浏览器中显示加载屏幕,javascript,html,extjs,sencha-touch-2,Javascript,Html,Extjs,Sencha Touch 2,免责声明:我知道如何在移动设备上创建启动屏幕。 如果通过浏览器访问Sencha Touch 2应用程序,是否可以显示加载屏幕 如果是,请给出一个简明的工作示例。概念验证应用程序,要点,来源,你知道 我说的是Sencha文档加载屏幕: yourContainer.setMasked({ xtype: 'loadmask', message: 'Loading...' }); 然后添加一个计时器 setTimeout(function() { // code to be
yourContainer.setMasked({
xtype: 'loadmask',
message: 'Loading...'
});
然后添加一个计时器
setTimeout(function() {
// code to be executed when loading
// Unmask the container
form.setMasked(false);
}, 5000);
您可以将加载指示器添加到index.html。只要确保加载速度快,用户就可以立即得到反馈,知道正在发生什么事情
<div id="appLoadingIndicator"></div>
这是为你做的,以防万一
也可以从中获得灵感。这屏蔽了一个组件,我想在应用程序启动时显示一个加载屏幕。
// Destroy the #appLoadingIndicator element
Ext.fly('appLoadingIndicator').destroy();