Question

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

由于

汤姆

Answer 1

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

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

然后，在调用调用服务器端的函数（使用AJAX）进行身份验证之前，我调用show函数，如下所示：

loginMask.show();

之后，我的意思是在服务器响应之后我打电话：

loginMask.hide();

这对我有用。

Answer 2

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

Answer 3

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

Extjs4加载图片消息

3 个答案: