1、Ext.Msg.alert(String title, String msg, [Function fn], [Object scope])

显示一个标准的带有一个“确定”按钮的只读消息框(类似于基本的JavaScript警告提示)。

参数:

  • title : 标题
  • msg : 提示消息
  • fn : 消息框关闭后调用的回调函数
  • scope : 回调函数被执行的范围(this 引用,默认指向window)

eg:

 Ext.Msg.alert("提示", "没有可归档的文件");
Ext.Msg.alert("提示", "没有可归档的文件", function () {
alert("提示框关闭");
});

2、Ext.Msg.prompt( String title, String msg, [Function fn], [Object scope], [Boolean/Number multiline], [String value] )

显示一个带有“确定”和“取消”按钮,提供用户输入一些文本的消息框(类似于JavaScript的提示),可以是一个单行或者多行的文本框。

参数:

  • title : 标题
  • msg : 提示消息
  • fn : 消息框关闭后调用的回调函数
  • scope : 回调函数被执行的范围(this 引用,默认指向window)
  • multiline : 为真时使用defaultTextHeight属性创建一个多行文本框,或者以px为高度单位的文本框,默认为false
  • value : 文本输入元素的默认值,默认为""

eg:

 Ext.Msg.prompt('Name', 'Please enter your name:', function (btn, text) {
if (btn == 'ok') {
Ext.Msg.alert("Result", "button: " + btn + "<br> input: " + text);
}
}, this, 150, 'wuln');

3、Ext.Msg.confirm( String title, String msg, [Function fn], [Object scope] )

显示一个带有“YES”和“NO”按钮的确认消息框(类似于JavaScript的确认)。

参数:

  • title : 标题
  • msg : 提示消息
  • fn : 消息框关闭后调用的回调函数
  • scope : 回调函数被执行的范围(this 引用,默认指向window)

eg:

 Ext.Msg.confirm("是否保存", String.format('编辑文件后选“是”则提交修改,选“否”则放弃修改<br/><br/>'), function (e) {
if (e == "yes") {
Ext.Msg.alert("提示", "文件保存成功!");
}
}, this);

4、Ext.Msg.show( Object config )

显示一个新的消息框,或者基于配置项重新初始化一个已存在的消息框。

常用配置项:

  • animEl: 动画
  • buttons : 按钮,取值如下

    Ext.Msg.OK

    Ext.Msg.YES

    Ext.Msg.NO

    Ext.Msg.CANCEL

  • title : 标题
  • msg : 提示消息
  • fn : 消息框关闭后调用的回调函数
  • scope : 回调函数被执行的范围(this 引用,默认指向window)
  • width:消息框的宽度,px为单位
  • multiline: 是否显示多行文本
  • closable:是否显示关闭按钮
  • icon:图标,取值如下

    Ext.MessageBox.INFO

    Ext.MessageBox.WARNING

    Ext.MessageBox.QUESTION

    Ext.MessageBox.ERROR

  • maxWidth : 最大宽度(px:默认600)
  • minWidth : 最小宽度(px:默认100)
  • modal : 是否模态显示
  • progress : 是否显示进度条
  • progressText : 进度为真时,显示在进度条内部的文本

eg:

 Ext.Msg.show({
title: 'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.MessageBox.QUESTION
});
 Ext.Msg.show({
title: "提示",
msg: "请输入:",
width: 400,
multiline: true,
closable: false,
buttons: Ext.MessageBox.OK,
icon: Ext.MessageBox.INFO,
fn: function (btn, text) {
Ext.Msg.alert("Result", String.format("btn : OK<br> input: " + text));
}
});
 Ext.Msg.show({
title: '请稍后',
msg: '正在导出...',
progressText: '正在初始化...',
width: 400,
progress: true,
closable: false
});
var progress = function (w) {
return function () {
if (w == 12) {
Ext.Msg.hide();
Ext.Msg.alert('完成', '导出成功!');
} else {
var e = w / 11;
Ext.Msg.updateProgress(e, Math.round(100 * e) + '%');
}
};
};
for (var i = 0; i < 13; i++) {
setTimeout(progress(i), i * 500);
}
 Ext.MessageBox.show({
title: "提示",
msg: '图片上传中,请稍候....',
progressText: 'Saving...',
width: 355,
wait: true,
waitConfig: { interval: 200 },
icon: 'ext-mb-download', //custom class in msg-box.html
animateTarget: 'mb7'
});
setTimeout(function () {
Ext.MessageBox.hide();
}, 2000);

ExtJs弹出窗口的更多相关文章

  1. NSS_06 extjs弹出窗口上的文本框默认获得焦点

    这个问题其实是个窗户纸, 没什么技术含量,但是做的过程中有点曲折, 所以也记录下来吧. Ext.window.Window中有focus(o1, o2)方法, 作用:Try to focus this ...

  2. 深入浅出ExtJS 第七章 弹出窗口

    7.1 Ext.MessageBox 7.1 Ext.MessageBox //Ext.MessageBox为我们提供的alert/confirm/prompt等完全可以代替浏览器原生; 7.1.1 ...

  3. ExtJS前端框架EXT弹出窗口事件

    https://blog.csdn.net/alsyuan/article/details/73240841 Ext.MessageBox.alert()Ext.MessageBox.alert()提 ...

  4. jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug解决方案

    jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug解决方案 2014年8月30日 3233次浏览 相信很多前端朋友都用过jqueryeasyUI,jqueryeasyUI ...

  5. jQuery弹出窗口浏览图片

    效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/3.htm HTML文件代码: <!DOCTYPE HTML> <html> < ...

  6. EasyUI弹出窗口实例

    效果体验:http://hovertree.com/texiao/jeasyui/1.htm 源代码下载:HovertreeJEasyUI HTML文件代码: <!DOCTYPE html> ...

  7. 让IE8在win7下面能显示使用window.showmodaldialog弹出窗口的地址状态栏

    问题来源:最近又要对老的系统进行改善,由于用到了window.showmodaldialog这个方法弹出窗口,比如从主界面弹出新增或者修改窗口,如下图所示,显示没有地址栏,进行代码修改还要找到相应的文 ...

  8. java selenium (十二) 操作弹出窗口

    selenium 中如何处理弹出窗口 阅读目录 原理 在代码里, 通过         Set<String> allWindowsId = driver.getWindowHandles ...

  9. JSP弹出窗口和模式对话框

    本文转载于其它blog,在此向本文原创者,致意!    JSP 弹出窗口  一.window.open() 基础知识      1.window.open()支持环境:  JavaScript1.0+ ...

随机推荐

  1. JSBinding+SharpKit / 更新的原理

    首先,其实不是热更新,而是更新. 热更新意思是不重启游戏,但只要你脚本里有存储数据,就不可能.所以只能叫更新. 但大家都这么说,所以... 先举个具体的例子: 如果是C#:在 Prefab 的 Gam ...

  2. JSBinding / Memory Management (GC)

    C# and JavaScript both have Garbage Collection (GC). They should not conflict with each other. Class ...

  3. Windows安装包制作指南——Advanced Installer的使用

    1. 前言 最近需要制作windows的安装包,据说Advanced Installer比较强大,遂拿它来制作安装包.在网上少量资料以及官网简约文档中摸索前进,总算是制作出可用的安装包,在此记录,仅供 ...

  4. Centos 安装vsftpd 服务器

    一:检查有没有安装vsftpd 二:安装vsftpd 三:安装之后重启 四:修改vsftpd配置文件 配置文件路径在/etc/vsftpd目录下 默认是注释掉的,把#号去掉 然后重启vsftpd 五: ...

  5. OGNL语言

                                                             OGNL 一.概述 以下内容摘自Ognl的官网: OGNL stands for Ob ...

  6. UVA 10003 切木棍(普通DP)

    切木棍 紫书P278 算是简单的dp了吧,当然,这是看完别人题解后的想法,呵呵,我仍然是想了半小时,没思路,啥时候能自个整个dp啊!!→_→ dp的时候,输入数组必须从1开始,一定要注意状态的设计,和 ...

  7. Spring Boot CLI安装

    Spring Boot是一个命令行工具,用于使用Spring进行快速原型搭建.它允许你运行Groovy脚本,这意味着你可以使用类Java的语法,并且没有那么多的模板代码. 你没有必要为了使用Sprin ...

  8. .NET 环境中使用RabbitMQ(转)

    在企业应用系统领域,会面对不同系统之间的通信.集成与整合,尤其当面临异构系统时,这种分布式的调用与通信变得越发重要.其次,系统中一般会有很多对实时性要求不高的但是执行起来比较较耗时的地方,比如发送短信 ...

  9. WANem2.3

    http://downloads.sourceforge.net/wanem http://openmaniak.com/wanem_network.php 只能以iso方式运行,安装到硬盘后无法保存 ...

  10. 谈谈我对DSP和FPGA的看法

    1.DSP 在DSP里,你是一个软件设计者,硬件已经完全固化,你所要做的,就是在这个固定的硬件平台实现算法改进与优化, DSP的关键优势在于能够运行多种算法的灵活性: 2.FPGA 对于FPGA来说, ...