Extjs4加载图像消息

Question

我使用MVC体系结构构建了一个带有extjs4的小应用程序。当用户第一次登录时，应用程序需要5-10秒才能加载。如何在app初始化时通知用户等待的加载图像？ （如shencha的请稍候形象，同时例子页面加载）

感谢

汤姆

Answer 1

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

Answer 2

要做到这一点，我在我的控制器增加了一个变量Ext.LoadMask像这样：

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

然后，在调用调用服务器端的函数之前（使用AJ AX）进行验证我所说的节目功能是这样的：

loginMask.show();

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

loginMask.hide();

，这是为我工作。

Answer 3

或者你可以使用一个模态消息框来实现相同的：

 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();