實用ExtJS教程100例-004:等待對話框Ext.MessageBox.wait


在本節內容中,我們來看看ExtJS中的等待對話框。

首先來看一個簡單的例子

image

這種對話框會一直滾動,直到被關閉。我們看一下它的創建代碼:

Ext.get("btn5").on("click", function () {
    Ext.MessageBox.wait("正在處理,請稍候...", "等待");
    Ext.defer(function () {
        Ext.MessageBox.close();
    }, 3000);
});

在這段代碼中,首先使用Ext.MessageBox.wait()方法創建一個等待對話框,這個方法接收三個參數(我們在這里只傳遞了兩個):

  • 第一個參數是顯示的內容
  • 第二個參數是標題
  • 第三個參數是進度條的配置項(我們在例子中省略了這個參數)

在完成對話框創建之后,我們使用定時方法,在3秒以后將這個對話框關閉。

與進度條對話框的區別

從效果上看,等待對話框與進度條對話框非常相似,那么我們什么時候使用等待對話框,什么時候使用進度條對話框呢?

如果你明白了他們之間的區別,在使用的時候就非常方便取舍了。

進度條對話框中顯示的進度是需要我們控制的,也就是說,如果你知道一件事情的處理進度,並能夠及時的更新進度條,那么建議使用進度條對話框。

如果說你要處理一個事情,但是不知道處理時間,這是我們就會用到等待對話框了,等待對話框中的進度條會一直循環,直到我們處理完成后將它關閉掉。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM