3

我已经使用 MVC 架构构建了一个带有 extjs4 的小应用程序。当用户第一次登录时,应用程序需要 5-10 秒才能加载。如何放置加载图像以通知用户在应用程序初始化时等待?(如 shencha 的请在示例页面加载时等待图片)

谢谢

汤姆

4

3 回答 3

2

为此,我Ext.LoadMask在控制器中添加了一个变量,如下所示:

var loginMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait ..."});

然后,在调用调用服务器端(使用 AJAX)进行身份验证的函数之前,我调用 show 函数,如下所示:

loginMask.show();

在那之后,我的意思是在我调用服务器响应之后:

loginMask.hide();

这对我有用。

于 2012-05-23T11:01:02.947 回答
0

或者您可以使用模态 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(); 
于 2013-01-10T02:04:48.930 回答
0

Loadmask 可能是您需要的http://docs.sencha.com/ext-js/4-0/#!/api/Ext.LoadMask

于 2012-05-22T22:44:40.673 回答