在本節內容中,我們來看看ExtJS中的等待對話框。
首先來看一個簡單的例子:
這種對話框會一直滾動,直到被關閉。我們看一下它的創建代碼:
Ext.get("btn5").on("click", function () { Ext.MessageBox.wait("正在處理,請稍候...", "等待"); Ext.defer(function () { Ext.MessageBox.close(); }, 3000); });
在這段代碼中,首先使用Ext.MessageBox.wait()方法創建一個等待對話框,這個方法接收三個參數(我們在這里只傳遞了兩個):
- 第一個參數是顯示的內容
- 第二個參數是標題
- 第三個參數是進度條的配置項(我們在例子中省略了這個參數)
在完成對話框創建之后,我們使用定時方法,在3秒以后將這個對話框關閉。
與進度條對話框的區別
從效果上看,等待對話框與進度條對話框非常相似,那么我們什么時候使用等待對話框,什么時候使用進度條對話框呢?
如果你明白了他們之間的區別,在使用的時候就非常方便取舍了。
進度條對話框中顯示的進度是需要我們控制的,也就是說,如果你知道一件事情的處理進度,並能夠及時的更新進度條,那么建議使用進度條對話框。
如果說你要處理一個事情,但是不知道處理時間,這是我們就會用到等待對話框了,等待對話框中的進度條會一直循環,直到我們處理完成后將它關閉掉。