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