博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext.MessageBox消息框
阅读量:6872 次
发布时间:2019-06-26

本文共 2727 字,大约阅读时间需要 9 分钟。

  Ext JS消息提示框主要包括:alert、confirm、prompt、show

  1、Ext.MessageBox.alert()

  调用格式:

  alert( String title, String msg, [Function fn], [Object scope] )

  参数说明:

  title:提示框的标题。

  msg:显示的消息内容。

  [Function fn]:(可选)回调函数。

  [Object scope]:(可选)回调函数的作用域。

  返回值:

  Ext.window.MessageBox

1   2  3   4   5     Hello World  6     
7 8 13 14 15 16

  效果图:

  ExtJS MessageBox alert支持HTML格式文本。

1   2   3   4     Ext.MessageBox.alert支持HTML格式文本  5     
6 7 12 13 14 15

  效果图:

  回调函数:

1   2   3   4     Hello World  5     
6 7 20 21 22 23

  2、Ext.MessageBox.confirm()

  调用格式:

  confirm( String title, String msg, [Function fn], [Object scope] )

  参数说明及返回值与Ext.MessageBox.alert()相同。

1   2   3   4     Ext.MessageBox.confirm  5     
6 7 20 21 22 23

  效果图:

  3、Ext.MessageBox.prompt()

  调用格式:

  confirm( String title, String msg, [Function fn], [Object scope], [Boolean/Number multiline], [String value] )

  参数说明:

  [Boolean/Number multiline]:设置为false将显示一个单行文本域,设置为true将以默认高度显示一个多行文本区。或者以像素为单位直接设置文本域的高度。默认为false。

1   2   3   4     Ext.MessageBox.prompt  5     
6 7 20 21 22 23

  效果图:

  4、Ext.MessageBox.wait()

  调用格式:

  wait( String msg, [String title] , [Object config] )

  参数说明:

  msg:显示的消息内容。

  [String title]:提示框标题,为可选参数。

  [Object config]:用于配置进度条的配置对象,为可选参数。

  返回值:

  Ext.window.MessageBox

 

  代码:

    Ext.MessageBox.wait示例    

  效果图:

  5、Ext.MessageBox.show()

  Ext.MessageBox常用配置项:

配置项 类型 说明
title String 提示框标题
msg String 显示的消息内容
width Number 对话框的宽度,以px为单位
maxWidth Number 对话框的最大宽度,默认为600px
minWidth Number 对话框的最小宽度,默认为100px
closable Boolean false将隐藏右上角的关闭按钮,默认为true
modal Boolean true为模态窗口,false为非模式窗口
fn Function

回调函数

参数说明:

buttonId:按钮id

text:输入的文字

opt:传入show方法的配置对象

buttons Number/Boolean 按钮组,默认为false,不显示任何按钮
progress Boolean true则显示一个进度条,默认为false,该进度条需要由程序控制滚动
progressText String 进度条上显示的文字,默认为“”
proxyDrag Boolean true则显示一个highlight拖动代理,默认为false
wait Boolean true则显示一个自动滚动的进度条,默认为false
waitConfig Object 等待进度条的配置对象,在wait为true时有效
prompt Boolean true则显示一个单行文本域,默认为false
value String 如果prompt设置为true,则value值将显示在文本域中
multiline Boolean 如果prompt设置为true,则multiline为true显示多行文本域,false显示单行文本域
defaultTextHeight Number 多行文本域的默认高度,默认值为75px
icon String 一个样式文件,它为对话框提供一个背景图

  Buttons配置项:

提示框按钮配置对象 说明
Ext.Msg.CANCEL 只显示一个“取消”按钮
Ext.Msg.NO 只显示一个“否”按钮
Ext.Msg.OK 只显示一个“确定”按钮
Ext.Msg.OKCANCEL 显示两个按钮,“确定”和“取消”
Ext.Msg.YES 只显示一个“是”按钮
Ext.Msg.YESNO 显示两个按钮,“是”和“否”
Ext.Msg.YESNOCANCEL 显示三个按钮,“是”、“否”和“取消”

  图标样式说明:

样式表 说明
Ext.Msg.ERROR 错误图标
Ext.Msg.INFO 信息图标
Ext.Msg.QUESTION 问题图标
Ext.Msg.WARNING 警告图标

  调用格式:

  show( Object config)

  参数说明:

  一个包含提示框配置信息的配置对象

  返回值:

  Ext.window.MessageBox

  代码:

    Ext.MessageBox.show    

  效果图:

转载地址:http://mgofl.baihongyu.com/

你可能感兴趣的文章
epoll使用详解(精髓)(转)
查看>>
Swift 控制流
查看>>
vs2005新建项目中没有ASP.NET WEB应用程序
查看>>
U盘安装Centos后拔除U盘无法启动问题解决方法
查看>>
在C#代码中应用Log4Net(五)将Log4Net正确地封装在自己的类库中并进行调用
查看>>
SACC 2018之人工智能篇:AI在不同企业场景下的应用和探索
查看>>
从“3Q大战”到腾讯致歉——杀毒软件市场的“相爱相杀”
查看>>
20年难有进步 DRAM延迟问题终于得到优化!
查看>>
数字化整合服务成主流:2017复合机市场盘点
查看>>
360金融更新招股书:前三季营收13.8亿 最快月底上市
查看>>
中国公布北京2022年冬奥会企业赞助有关增值税政策
查看>>
四川公安严厉打击盗油犯罪:2018年缴获被盗柴油逾27吨
查看>>
创新智慧矿山解决方案 广纳集团走绿色可持续发展之路
查看>>
中消协警示:有人打“保健品岁末答谢”等幌子行骗
查看>>
品牌不能忽视的数字资产——域名为何在今天依然重要?
查看>>
贴福字、集五福、沾福气!这才是“中国福“的最优雅打开姿势
查看>>
DT时代,大数据常用的软件工具有哪些?
查看>>
十一个关于Netty的经典问答:为何选择Netty?
查看>>
深入浅出 FlatBuffers 之 Schema
查看>>
JavaScript 设计模式 : 生活中的'适配器'和'装饰者'模式
查看>>