extjs 关闭弹出窗口_ExtJS Ext.MessageBox.alert()弹出对话框详解

//支持html格式文本

Ext.onReady(function() {

Ext.Msg.alert('提示',' 支持html格式文本 ');

});

效果图：

Ext.onReady(function() {

alert('我会停止程序的执行');

Ext.Msg.alert('提示','我不会停止程序的执行');

});

效果图：

Ext.onReady(function() {

Ext.Msg.alert('提示','我不会停止程序的执行');

alert('我会停止程序的执行');

});

效果图：

看到效果了很简单很简单吧！下面我们了解一下怎么回调函数，一个只读信息提示框，用来代替JavaScript标准的alert()方法有一个确定按钮，如果其提供一个回调函数，则该函数将在单击按钮后被调用(包括右上角的推出按钮)，所单击按钮的id将被作为唯一的参数传递到回调函数中。

调用格式：alert( String title,String msg,[function fn],[Object scope]);

//参数说明

title: 提示框的标题

msg: 显示的信息内容

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

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

返回值：

Ext.MessageBox

示例：

Ext.onReady(function() {

Ext.MessageBox.alert('提示', '请单击我 确定', callBack);

function callBack(id) {

alert('单击的按钮id是：'+id);

}

});

效果图：

点击OK的效果

   

点击x的效果

   

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