Ext等待动画Ext.MessageBox.wait的使用

简介:

 

<script type="text/javascript">
    Ext.onReady(function () {
        Ext.MessageBox.wait("正在学习浩然哥哥的博客", "进度条");
    });
</script>

 

语法很简单,但是你肯定会疑问,进度条走到最后,又开始从头走。而且,按理说,进度条总得跟某个进度挂钩啊。这没事它自己走什么呢,连我都不知道程序在走什么进度。
   
看了很多资料才明白,这个控件严格意义上不应该叫进度条,他表示的也不是进度,而是在执行一个耗时的交互操作当中,使用它,告诉浏览者,程序在执行,提醒用户等待程序执行。你可以理解为是一个等待动画。

而他本身的效果也就是反复的走这个条。作用就是在一个耗时的操作过程中,不让浏览者进行别的操作。知道耗时操作完成后,这个控件再被程序员手动关闭。它不能定义一个时间间隔自动关闭,程序员有责任在交互操作完成之后去关闭它。否则他就会一直执行。
   
就相当于,一个收银员,执行收银操作,突然发现没有零钱了,需要执行一个耗时操作(去傍边商店换零钱),这时需要屏蔽店里顾客的所有取款操作。把收银机关掉,并提示顾客(不能执行操作)。当收银员换零钱回来后,打开后执行后面的操作。收银机必须手动打开,否则收银机不会自动开机。
  
Ext.MessageBox.wait就是一个不会自动开机的收银机。把这个东西翻译成进度条并不好,其实称为等待条或者等待动画更合适。
  
如何关闭该等待动画:

     <script type="text/javascript">
        Ext.onReady(function () {
            Ext.MessageBox.wait("正在学习浩然哥哥的博客", "进度条");
        });
        setTimeout(msg_hide, 5000)
        function msg_hide() {
            Ext.MessageBox.hide();
        }
    </script>


因为一个窗口不可能出现两个提示框,所以直接使用Ext.MessageBox.hide();就可以关闭提示框。
 
在这里发现一个现象。浏览器自带的提示框,在弹出提示框的时候,网页是暂停执行的。通过这个例子,我们看出来,extjs的提示框弹出的时候,虽然不允许用户操作。但页面程序是在继续执行的。这也是浏览器提示框所不能的。


原帖地址:http://blog.sina.com.cn/s/blog_a0933f840100x56i.html

目录
相关文章
|
6月前
|
JSON Java fastjson
微服务——SpringBoot使用归纳——Spring Boot返回Json数据及数据封装——Spring Boot 默认对Json的处理
本文介绍了在Spring Boot中返回Json数据的方法及数据封装技巧。通过使用`@RestController`注解,可以轻松实现接口返回Json格式的数据,默认使用的Json解析框架是Jackson。文章详细讲解了如何处理不同数据类型(如类对象、List、Map)的Json转换,并提供了自定义配置以应对null值问题。此外,还对比了Jackson与阿里巴巴FastJson的特点,以及如何在项目中引入和配置FastJson,解决null值转换和中文乱码等问题。
834 0
|
10月前
|
传感器 安全 物联网
5G车联网技术:智能交通的未来
【10月更文挑战第26天】
459 1
|
10月前
|
SQL Java 数据库连接
MyBatis-Plus快速入门:从安装到第一个Demo
本文将带你从零开始,快速入门 MyBatis-Plus。我们将首先介绍如何安装和配置 MyBatis-Plus,然后通过一个简单的示例演示如何使用它进行数据操作。无论你是 MyBatis 的新手还是希望提升开发效率的老手,本文都将为你提供清晰的指导和实用的技巧。
2701 0
MyBatis-Plus快速入门:从安装到第一个Demo
|
JSON NoSQL Redis
Redis 作为向量数据库快速入门指南
Redis 作为向量数据库快速入门指南
957 1
|
SQL XML 分布式计算
MaxCompute异常问题之请求头异常如何解决
MaxCompute异常涉及到在使用阿里云MaxCompute大数据计算服务时遇到的各种错误和问题;本合集将提供针对MaxCompute异常的分析和解决方案,帮助用户处理数据处理、分析任务中的异常情况。
|
Oracle Java 关系型数据库
【极光系列】windows安装JDK11详细教程
【极光系列】windows安装JDK11详细教程
2491 3
|
SQL 弹性计算 Cloud Native
分布式事务 GTS 的价值和原理浅析
GTS 今年双 11 的成绩 今年 2684 亿的背后,有一个默默支撑,低调到几乎被遗忘的中间件云产品——GTS(全局事务服务,Global Transaction Service),稳稳地通过了自 2014 年诞生以来的第 5 次“大考”。
4443 81
分布式事务 GTS 的价值和原理浅析
|
安全 Shell 网络安全
SFTP:保障数据安全的高效文件传输方式
在现代互联网时代,文件传输是各种业务活动中不可或缺的一部分。然而,安全性成为了一个关键问题,特别是涉及敏感数据的情况下。SFTP(Secure File Transfer Protocol)作为一种安全的文件传输方式,既能满足高效传输的需求,又能确保数据的保密性和完整性。本文将深入介绍SFTP的基本概念、工作原理以及如何配置和使用它来实现安全的文件传输。
2600 0
|
关系型数据库 MySQL Windows
解决mysql max_allowed_packet 太小 造成的程序查询数据报错问题
1.因为mysql有一个max_allowed_packet变量,可以控制其通信缓冲区的最大长度,所以当缓冲区的大小太小的时候,导致某些查询和插入操作报错。 解决方法如下, 2.解决方法 2.1 修改配置文件 a .可以编辑my.cnf来修改(windows下my.ini),在[mysqld]段或者mysql的server配置段进行修改。 max_allowed_packet = 20M
882 0