我已经使用 MVC 架构构建了一个带有 extjs4 的小应用程序。当用户第一次登录时,应用程序需要 5-10 秒才能加载。如何放置加载图像以通知用户在应用程序初始化时等待?(如 shencha 的请在示例页面加载时等待图片)
谢谢
汤姆
为此,我Ext.LoadMask
在控制器中添加了一个变量,如下所示:
var loginMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait ..."});
然后,在调用调用服务器端(使用 AJAX)进行身份验证的函数之前,我调用 show 函数,如下所示:
loginMask.show();
在那之后,我的意思是在我调用服务器响应之后:
loginMask.hide();
这对我有用。
或者您可以使用模态 MessageBox 来实现相同的目的:
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Loading...',
progressText: 'Loading...',
width:300,
wait: true,
waitConfig: {interval: 200},
progress:true,
closable:false,
modal: true
});
完成后,只需调用以下命令:
Ext.MessageBox.hide();
Loadmask 可能是您需要的http://docs.sencha.com/ext-js/4-0/#!/api/Ext.LoadMask