我使用MVC架构用extjs4创建了一个小应用程序。当用户第一次登录时,应用程序需要5-10秒钟才能加载完毕。我该如何放置一个加载图像来通知用户等待应用程序初始化?(例如shencha的示例页面正在加载时,请等待图像)谢谢,Tom。
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();