实用ExtJS教程100例-004：等待对话框Ext.MessageBox.wait

在前面两节中，我们分别演示了ExtJS三种常用的对话框和ExtJS带有进度条的对话框。在本节内容中，我们来看看ExtJS中的等待对话框。

首先来看一个简单的例子【查看在线示例】：



这种对话框会一直滚动，直到被关闭。我们看一下它的创建代码：

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

在这段代码中，首先使用Ext.MessageBox.wait()方法创建一个等待对话框，这个方法接收三个参数（我们在这里只传递了两个）：

第一个参数是显示的内容

第二个参数是标题

第三个参数是进度条的配置项（我们在例子中省略了这个参数）

在完成对话框创建之后，我们使用定时方法，在3秒以后将这个对话框关闭。

与进度条对话框的区别

从效果上看，等待对话框与进度条对话框非常相似，那么我们什么时候使用等待对话框，什么时候使用进度条对话框呢？

如果你明白了他们之间的区别，在使用的时候就非常方便取舍了。

进度条对话框中显示的进度是需要我们控制的，也就是说，如果你知道一件事情的处理进度，并能够及时的更新进度条，那么建议使用进度条对话框。

如果说你要处理一个事情，但是不知道处理时间，这是我们就会用到等待对话框了，等待对话框中的进度条会一直循环，直到我们处理完成后将它关闭掉。

本文还发布在了ExtJS教程网站起飞网上面，如果转载请保留本段声明，谢谢合作。