Extjs信息提示框



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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值