Extjs4 加载图片消息

Question

我使用MVC架构用extjs4创建了一个小应用程序。当用户第一次登录时，应用程序需要5-10秒钟才能加载完毕。我该如何放置一个加载图像来通知用户等待应用程序初始化？（例如shencha的示例页面正在加载时，请等待图像）谢谢，Tom。

- user734094

Answer 1

为了实现这一点，我在我的控制器中添加了一个变量Ext.LoadMask，如下所示：

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

在调用使用 AJAX 的服务器端身份验证函数之前，我会像这样调用 show 函数：

loginMask.show();

在服务器响应后，我会调用：

loginMask.hide();

这对我来说很有效。

- Adil

Answer 2

或者您可以使用模态 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(); 

- Jin Hui

Answer 3

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

- fuzzyLikeSheep