Ext.MessageBox.alert()弹出对话框详解
2015-12-05 15:46
387 查看
Ext.MessageBox是一个工具类,他继承自Obiect对象,用来生成各种风格的信息提示对话框,Ext.Msg是该类的别名,使用Ext.MessageBox和用Ext.Msg效果是一样的,而后者提供了更简单的方式。
语法:Ext.Msg.alert(String title, String msg, Function fn, Object scope);
参数:
title:标题
msg:提示内容
fn:提示框关闭后自动调用的回调函数
scope:作用域,用于指定this指向哪里,一般不用
可使用以下两种方法
方法1:
效果图:
方法2:
效果图:
Ext.MessageBox提供的信息提示框与JavaScript提供的原始信息提示框有3个方面的差别:
1.实现方式
标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息提示对话框并不是真正的弹出窗口,他只是在当前页面显示的一个层(div)
2.显示信息的格式:
标准JavaScript提供的信息提示对话框中显示的内容不是HTML格式文本,而是纯文本。
不能使用HTML中的格式化方法进行排版,只能以空格、回车以及各种标点符来构建显示格式。
Ext.MessageBox提供的信息提示对话框显示的文本不仅支持纯文本显示还支持用HTML格式文本,采用HTML中的格式化方法进行排版,效果更加丰富多彩。
标准JavaScript提供的信息提示对话框:
效果图:
Ext.MessageBox提供的信息提示对话框:
效果图:
3.对程序运行的影响
Ext的MessageBox是异步,和JS的alert是不同,JS的alert执行的时候会挂起代码,不继续执行,而Ext的MessageBox是会继续执行的
效果图:
效果图:
由于ExtJS的alert是异步执行的不会产生阻塞,因此要将用户确认后才执行的代码放在回调函数中
语法:Ext.Msg.alert(String title, String msg, Function fn, Object scope);
参数:
title:标题
msg:提示内容
fn:提示框关闭后自动调用的回调函数
scope:作用域,用于指定this指向哪里,一般不用
可使用以下两种方法
方法1:
Ext.onReady(function() { Ext.Msg.alert('提示', '逗号分隔参数列表'); //这种方式非常常见的 });
效果图:
方法2:
Ext.onReady(function() { //定义 JSON(配置对象) var config = { title:'提示', msg: 'JSON配置方式,简单吧' } Ext.Msg.show(config); });
效果图:
Ext.MessageBox提供的信息提示框与JavaScript提供的原始信息提示框有3个方面的差别:
1.实现方式
标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息提示对话框并不是真正的弹出窗口,他只是在当前页面显示的一个层(div)
2.显示信息的格式:
标准JavaScript提供的信息提示对话框中显示的内容不是HTML格式文本,而是纯文本。
不能使用HTML中的格式化方法进行排版,只能以空格、回车以及各种标点符来构建显示格式。
Ext.MessageBox提供的信息提示对话框显示的文本不仅支持纯文本显示还支持用HTML格式文本,采用HTML中的格式化方法进行排版,效果更加丰富多彩。
标准JavaScript提供的信息提示对话框:
<script type="text/javascript"> alert('只能用纯文本');//这里不支持HTML格式的字符串 </script>
效果图:
Ext.MessageBox提供的信息提示对话框:
//支持html格式文本 Ext.onReady(function() { Ext.Msg.alert('<font size=4>提示</font>','<font color=red> 支持html格式文本 </font>'); });
效果图:
3.对程序运行的影响
Ext的MessageBox是异步,和JS的alert是不同,JS的alert执行的时候会挂起代码,不继续执行,而Ext的MessageBox是会继续执行的
<script type="text/javascript"> Ext.onReady(function() { alert('我会停止程序的执行'); Ext.Msg.alert('提示','我不会停止程序的执行'); }); </script>
效果图:
<script type="text/javascript"> Ext.onReady(function() { Ext.Msg.alert('提示','我不会停止程序的执行'); alert('我会停止程序的执行'); }); </script>
效果图:
由于ExtJS的alert是异步执行的不会产生阻塞,因此要将用户确认后才执行的代码放在回调函数中
相关文章推荐
- 二分查找法
- 一款App,从设计稿到切图(Android篇)
- 关于window.onload的一点认识
- 未捕获的异常 'NSInternalInconsistencyException'
- 上传的字节流理解的小例子
- 6、UIStepper基于swift的步进控件的使用
- 加密和解密以及安全
- python--10行代码搞定词频统计
- C-044.结构体数组
- light oj--1008--(数学规律问题)
- iOS开发——RunTime(运行时)
- 基于winpcap和syn的dos攻击,亲测
- Java反射机制
- ===item填充导致layout显示和想要的不同
- android自定义ProgressBar 修改进度条样式 出现setProgress无效问题
- STM32 学习总结5 --- CAN通信
- C#转义字符总结
- (七十一)关系表达式
- 随机产生20个数(10以内的)放入arraylist中
- 深入理解伪元素