Ext JS 4 (2) —— Ext.MessageBox.alert()

在上一节用 Ext 写了第一个页面 Hello World，其中用到了 Ext 封装好的 alert ，如 JavaScript 中经常用到的 alert、confirm 等都可以在 Ext 中找到

先来讲上一次用到的 alert 方法，在测试 JavaScript 代码时会经常用到

从API文档中可以看到：

 

一共有四个参数，第一个是标题，第二个是消息框中显示的信息，第三个是点击消息框上按钮后调用的函数，这个参数是可选的，最后一个参数是作用域，默认为浏览器的 window ，

其中，函数还会传递一个参数 e，下面就做个测试，代码如下：

 

 

                               图一

当我们点击 OK 键时，则会跳出 JS 原来风格的一个警告框，框内的消息为 “ok” ，见图二

                                              图二

显然 Ext.Msg.alert 中函数传递的 e 值是按键触发的事件名称，所以我们可以把代码改写成下面的形式，代码如下：

这样我们就可以在跳出警告框并点击 OK 键后执行自定义的操作了，比如上例中我们设定了点击 OK 键后关闭当前页面

 

另外还有个需要注意的地方，JS 原有的 alert() 如果连续被调用 n 次，则会跳出 n 个警告框，而 Ext.Msg.alert() 如果被连续调用的话，只会显示出最后一个，我们做如下测试：

在浏览器中运行后会先跳出 3 个 JS 风格的警告框，接着只跳出了 1 个信息为 “6” 的 Ext 警告框，大家可以自己测试下

 

这样 Ext.MessageBox.alert()就讲到这里了