在前面兩節中，我們分別演示了ExtJS三種常用的對話框和ExtJS帶有進度條的對話框。在本節內容中，我們來看看ExtJS中的等待對話框。

首先來看一個簡單的例子【查看在線示例】：

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

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

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

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

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

與進度條對話框的區別

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

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

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

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

本文還發布在了ExtJS教程網站起飛網上面，如果轉載請保留本段聲明，謝謝合作。

本文轉自齊師傅博客園博客，原文鏈接：http://www.cnblogs.com/youring2/p/extjs-100-example-messagebox-wait.html，如需轉載請自行聯系原作者

總結

以上是生活随笔為你收集整理的实用ExtJS教程100例-004：等待对话框Ext.MessageBox.wait的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。