实用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秒以后将这个对话框关闭。

与进度条对话框的区别

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

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

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

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

 

原文地址:https://www.cnblogs.com/youring2/p/extjs-100-example-messagebox-wait.html