Extjs信息提示框

Ext.MessageBox与JS提示框对比



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

如果已设置waitprogresstrue则该配置将被忽略,提示框只能通过程序关闭,不能通过右上角的关闭按钮关闭

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,则multilinetrue显示多行文本域,false显示单行文本域

icon

一个样式文本,它为对话框提供一个背景图

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值