实用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