ExtJs弹出窗口
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弹出窗口的更多相关文章
- NSS_06 extjs弹出窗口上的文本框默认获得焦点
这个问题其实是个窗户纸, 没什么技术含量,但是做的过程中有点曲折, 所以也记录下来吧. Ext.window.Window中有focus(o1, o2)方法, 作用:Try to focus this ...
- 深入浅出ExtJS 第七章 弹出窗口
7.1 Ext.MessageBox 7.1 Ext.MessageBox //Ext.MessageBox为我们提供的alert/confirm/prompt等完全可以代替浏览器原生; 7.1.1 ...
- ExtJS前端框架EXT弹出窗口事件
https://blog.csdn.net/alsyuan/article/details/73240841 Ext.MessageBox.alert()Ext.MessageBox.alert()提 ...
- jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug解决方案
jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug解决方案 2014年8月30日 3233次浏览 相信很多前端朋友都用过jqueryeasyUI,jqueryeasyUI ...
- jQuery弹出窗口浏览图片
效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/3.htm HTML文件代码: <!DOCTYPE HTML> <html> < ...
- EasyUI弹出窗口实例
效果体验:http://hovertree.com/texiao/jeasyui/1.htm 源代码下载:HovertreeJEasyUI HTML文件代码: <!DOCTYPE html> ...
- 让IE8在win7下面能显示使用window.showmodaldialog弹出窗口的地址状态栏
问题来源:最近又要对老的系统进行改善,由于用到了window.showmodaldialog这个方法弹出窗口,比如从主界面弹出新增或者修改窗口,如下图所示,显示没有地址栏,进行代码修改还要找到相应的文 ...
- java selenium (十二) 操作弹出窗口
selenium 中如何处理弹出窗口 阅读目录 原理 在代码里, 通过 Set<String> allWindowsId = driver.getWindowHandles ...
- JSP弹出窗口和模式对话框
本文转载于其它blog,在此向本文原创者,致意! JSP 弹出窗口 一.window.open() 基础知识 1.window.open()支持环境: JavaScript1.0+ ...
随机推荐
- (转)注意力机制(Attention Mechanism)在自然语言处理中的应用
注意力机制(Attention Mechanism)在自然语言处理中的应用 本文转自:http://www.cnblogs.com/robert-dlut/p/5952032.html 近年来,深度 ...
- Nginx-Lua重定向系列
Ningx Lua模块官方文档: 在Nginx中实现重定向可以通过rewrite指令,具体可参考<Nginx学习--http_rewrite_module的rewrite指令> 通过Lua ...
- 装个centos虚拟机之设置桥接网络
问题1:设置静态ip 虚拟机网路选择桥接后,设置静态ip: (1):先看下当前用的哪个网络 (2):打开配置文件,修改内容 内容参照mac配置,(注意:mac网络配置里的路由器就是默认网关GATEWA ...
- SQL Server 2012 创建操作员
数据库可以通知操作员,给操作员发送邮件,就要在SQL Server 的代理中启用数据库邮件,前提是先配置出数据库邮件 右键SQL Server代理,选择属性,按下图设置 保存后,右键操作员,选择新建操 ...
- python(23)re函数:compile、match、search、findall
正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配. Python 自1.5版本起增加了re 模块,它提供 Perl 风格的正则表达式模式. re 模块使 Python ...
- boost::asio::socket tcp 连接 在程序结束时崩溃。
刚开始的时候一直不知道怎么回事,不过幸好我有在每个class 的析构时都打印一条信息. 这个时候发现我的一个tcp_connection (就是自定义的一个连接类) 在最后才被析构. 所以感觉这里可能 ...
- 25. Valid Palindrome
Valid Palindrome Given a string, determine if it is a palindrome, considering only alphanumeric char ...
- 61. Unique Paths && Unique Paths II
Unique Paths A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagra ...
- I2C控制器的Verilog建模之二
前言:接着上一篇的I2C写操作,今天要实现一个I2C的读操作.虽然在ADV7181B配置内部寄存器时没有必要使用到读操作,但是为了进一步确认寄存器是否在I2C写模块下被正确配置,这一步是必不可少的. ...
- testng 控制case运行顺序
Testing.xml 文档结构: <test name="xxxx" preserve-order="false"> <!-- 参数定义的方 ...