ExtJS Ext.MessageBox.alert()弹出对话框详解_extjs

复制代码 代码如下:

Ext.onReady(function() {
Ext.Msg.alert('提示', '逗号分隔参数列表'); //这种方式非常常见的
});

效果图:

复制代码 代码如下:

Ext.onReady(function() {
//定义 JSON(配置对象)
var config = {
title:'提示',
msg: 'JSON配置方式,简单吧'
}
Ext.Msg.show(config);
});

效果图:

上边我只是简单举例,好了看到了漂亮的界面了吧!接下来认识一下Ext.MessageBox
Ext.MessageBox是一个工具类,他继承自Obiect对象,用来生成各种风格的信息提示对话框,Ext.Msg是该类的别名,使用Ext.MessageBox和用Ext.Msg效果是一样的,而后者提供了更简单的方式。在介绍前,下来了解Ext.MessageBox提供的信息提示框与JavaScript提供的原始信息提示框的差别,主要表现在3个方面,他们分别是“实现方式”、“显示信息的格式”、和“对程序运行的影响”,下面对着3方面分别进行详细说明。
1、 实现方式:
标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息提示对话框并不是真正的弹出窗口,他只是在当前页面显示的一个层(div),所以无法用窗口扑捉到软件来的到他
2、 显示信息的格式:
标准JavaScript提供的信息提示对话框中显示的内容不是HTML格式文本,而是纯文本。
不能使用HEML中的格式化方法进行排版,只能以空格、回车以及各种标点符来构建显示格式。
Ext.MessageBox提供的信息提示对话框显示的文本不仅支持纯文本显示还支持用HTML格式文本,采用HTML中的格式化方法进行排版,效果更加丰富多彩。下面是一个简单的示例。

复制代码 代码如下:

<script type="text/javascript">
alert('只能用纯文本');//这里不支持HTML格式的字符串
</script>

效果图:

复制代码 代码如下:

//支持html格式文本
Ext.onReady(function() {
Ext.Msg.alert('<font size=4>提示</font>','<font color=red> 支持html格式文本 </font>');
});

效果图:

复制代码 代码如下:

<script type="text/javascript">
Ext.onReady(function() {
alert('我会停止程序的执行');
Ext.Msg.alert('提示','我不会停止程序的执行');
});
</script>

效果图:

复制代码 代码如下:

<script type="text/javascript">
Ext.onReady(function() {
Ext.Msg.alert('提示','我不会停止程序的执行');
alert('我会停止程序的执行');
});
</script>

效果图:

看到效果了很简单很简单吧!下面我们了解一下怎么回调函数,一个只读信息提示框,用来代替JavaScript标准的alert()方法有一个确定按钮,如果其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的推出按钮),所单击按钮的id将被作为唯一的参数传递到回调函数中。
调用格式:
alert( String title,String msg,[function fn],[Object scope]);
//参数说明
title: 提示框的标题
msg: 显示的信息内容
[function fn]: (可选) 回调函数
[Object scopt]: (可选) 回调函数的作用域
返回值:
Ext.MessageBox
示例:

复制代码 代码如下:

<script type="text/javascript">
Ext.onReady(function() {
Ext.MessageBox.alert('提示', '请单击我 确定', callBack);
function callBack(id) {
alert('单击的按钮id是:'+id);
}
});
</script>

效果图:
点击OK的效果
   
点击x的效果

   

 

提示:由于ExtJS的alert是异步执行的不会产生阻塞,因此要将用户确认后才执行的代码放在回调函数中,否则在用户确认后续代码就会执行造成不必要的错误,这一点需要我们注意的。

时间: 2024-10-26 17:07:06

ExtJS Ext.MessageBox.alert()弹出对话框详解_extjs的相关文章

Extjs Ext.MessageBox.confirm 确认对话框详解_extjs

Ext.MessageBox.confirm()详解 显示一个确认对话框,用来代替JavaScript标准的confirm()方法,具有两个按钮"是"和"否"如果为其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的推出按钮),所单击按钮的id将被作为唯一的参数传递到回调函数中. 调用格式: confirm(String title,String msg,[function fn],[Object scope]) 参数说明: Ext.MessageBox.

【转】js弹出框详解

经 常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告. 欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现. 下面就带您剖析它的奥秘. [1.最基本的弹出窗口代码] 其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('

阅读星APP设置菜单弹出教程详解

给各位阅读星软件的使用者们来详细的解析分享一下设置菜单弹出的教程. 教程分享: 1.先用阅读星打开任意小说,你就进入了阅读模式. 2.点击屏幕中部,菜单就弹出来啦,注意不要点到离中心太远的位置,贴近边界的区域会被识别为上翻页或者下翻页哦. 知道了方法以后大家是不是觉得很简单呢,快去菜单里设置一番把软件调成你最喜欢的阅读显示效果吧. 好了,以上的信息就是小编给各位阅读星的这一款软件的使用者们带来的详细的设置菜单弹出的教程解析分享的全部内容了,各位看到这里的软件使用者们,小编相信你们现在那是非常的清

js-asp.net alert弹出的对话框字体大小怎么弄

问题描述 asp.net alert弹出的对话框字体大小怎么弄 asp.net 弹出的对话框默认的字体大小太小了,如何修改让字体大点呢 解决方案 alert是系统自带的,控制不了 用其他组件来替换,如easyui的dialog,facebox,artDialog都行 解决方案二: 调整显示属性中的dpi,或者降低分辨率,或者更换浏览器. 解决方案三: 那就没辙

extjs问题 Ext.MessageBox.alert(&amp;amp;#x27;提示&amp;amp;#x27;, &amp;amp;#x27;导入失败!&amp;amp;#x27;)

问题描述 此问题是由于没有在语句里加同步引起的.handler:function(){if(startform.form.isValid()){startform.getForm().submit({waitTitle:"加载页面",waitMsg:"加载页面中,请稍候...",scope:this,async:false,//同步请求数据success:functionformSubmitSuccess(_form,_action){Ext.MessageBox.

Android 自定义弹出对话框界面详解

在安卓开发中,时常遇到要弹窗提醒的情况.而系统自带的弹出对话框由不是很美观,可以通过自己继承对话框类(Dialog),并设置自定义的布局文件,来达到美化弹出式对话框的目的. 首先是自定义一个对话框类,继承自Dialog,然后再构造函数中传入对话框显示内容.按钮响应函数等参数:  代码如下 复制代码 public UserDefinedDialog(Context context, String message,                          View.OnClickListe

mfc-MFC中怎么设置单击菜单弹出对话框?

问题描述 MFC中怎么设置单击菜单弹出对话框? 举个例子,在菜单栏中单击"Setting"菜单下,"Hardware setting"子菜单中"Setting the printer"项(ID为ID_HARDWARESETTING_SETTINGTHEPRINTER),要弹出对话框"PrinterHWSetting"(ID为IDD_PrinterHWSetting) 对话框继承CDialog类,类名PrinterHWSetti

asp.net网站设计弹出对话框问题

问题描述 asp.net网站设计弹出对话框问题 我想要实现的是 点击注册 并且选择的是 管理员注册的时候 会弹出一个对话框,让你输入一个密码 才可以实现管理员的注册 要怎么办? 解决方案 图片忘记传了](http://img.ask.csdn.net/upload/201604/17/1460901466_946383.jpg) 解决方案二: 很多人在问,关于弹出对话框的问题,现总结如下:一:使用js脚本????? Response.Write("window.alert(/"Hell

php弹出对话框实现重定向代码

 本为大家介绍下使用php或js弹出对话框实现重定向,具体示例如下,感兴趣的朋友不要错过 1 利用js 实现  代码如下: if(!$this->userInfo){  $alert_msg = "激活链接错误";  echo"<SCRIPT LANGUAGE='javascript'>alert('$alert_msg');window.location='$redirect_url';</SCRIPT>";  //redirect(