1、 Ext.MessageBox提供的信息提示框与标准JavaScript提供的原始提示框的差别,主要表现在3个方面:
1) 实现方式
标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息对话框并不是真正的弹出窗口,它只是在当前页面显示一个层(div)。
2) 显示信息的格式
标准JavaScript提供的信息提示对话框中所显示的内容不是HTML格式,而是纯文本。
不能使用HTML中的格式方法进行排版,只能以空格、回车以及各种标点符号来构建显示格式。
Ext.MessageBox提供的信息提示对话框显示的文本不仅支持纯文本显示还支持使用HTML格式文本,采用HTML中的格式方法进行排版,效果丰富多彩。
3) 对程序运行的影响
标准JavaScript提供的信息提示对话框会对JavaScript程序的运行方式产生阻塞。
Ext.MessageBox是异步的,它的调用并不会停止浏览器中代码的执行。
2、 各种信息提示框的方法运用:
1) Ext.MessageBox.alert(String title,String msg,[Function fn],[Object scope])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
2) Ext.MessageBox.confirm(String title,String msg,[Function fn],[Object scope])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
3) Ext.MessageBox.prompt(String title,String msg,[Function fn],[Object scope],[Boolean/Number multiline])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
[Boolean/Number multiline]:设置为false将显示一个单行文本域,设置为true将以默认高度显示一个多行文本区。或者以像素为单位直接设置文本域的高度。默认为false.
4)Ext.MessageBox.show()方法的配置项如下:
配置项 |
类型 |
说明 |
title |
String |
提示框的标题 |
msg |
String |
显示的信息内容 |
Width |
String |
对话框的宽度 |
closable |
Boolean |
False将隐藏右上角的关闭按钮,默认为true 如果已设置wait或progress为true则该配置将被忽略,提示框只能通过程序关闭,不能通过右上角的关闭按钮关闭 |
modal |
Boolean |
True为模式窗口,false为非模式窗口 |
fn |
Function |
回调函数 |
buttons |
Object/Boolean |
一个包含配置信息的json对象或false不显示任何按钮,默认为false |
progress |
Boolean |
True则显示一个进度条,默认为false,该进度条需要由程序控制滚动 |
progressText |
String |
进度条上显示的文字 |
wait |
Boolean |
True则显示一个自动滚动的进度条,默认为false |
prompt |
Boolean
String |
True则显示一个单行文本域,默认为false 如果prompt设置为true,则value值将显示在文本域中 |
multiline |
Boolean |
如果prompt设置true,则multiline为true显示多行文本域,false显示单行文本域 |
icon |
|
一个样式文本,它为对话框提供一个背景图 |