"这篇文档是关于ExtJs的学习实例，特别是ExtJs 2.0版本的使用教程。作者分享了在入门ExtJs后整理的一系列文章，强调ExtJs在后台开发中的布局优势。文档主要介绍了Ext.MessageBox类的四种常用方法：alert、confirm、prompt和show，这些方法用于创建各种类型的对话框并处理用户交互。"
本文将详细讲解ExtJs中的Ext.MessageBox类及其常用方法，这对于理解和使用ExtJs进行前端开发至关重要。
1. **Ext.MessageBox.alert()方法**
这个方法用于显示一个简单的警告对话框，包含一个确定按钮。它有三个参数：`title`（对话框标题），`msg`（显示的消息）和一个可选的回调函数`function`。当用户点击确定按钮后，回调函数会被执行。例如：
```javascript
Ext.MessageBox.alert("title", "msg");
Ext.MessageBox.alert("title", "msg", function() {
alert("关闭对话框后弹出！");
});
```
2. **Ext.MessageBox.confirm()方法**
confirm方法与alert类似，但提供了一个确认对话框，带有“是”和“否”两个按钮。回调函数的参数`e`会返回用户点击的按钮值，即`yes`或`no`。例如：
```javascript
Ext.MessageBox.confirm("title", "msg", function(e) {
alert(e);
});
```
3. **Ext.MessageBox.prompt()方法**
prompt方法用于创建一个输入对话框，允许用户输入文本。它有四个参数，除了`title`和`msg`之外，还包括一个回调函数和一个可选的`multiLine`参数。回调函数接收两个参数：用户点击的按钮值`e`（可能是`ok`或`cancel`）和用户输入的文本`text`。例如：
```javascript
Ext.MessageBox.prompt("title", "msg", function(e, text) {
alert(e + "-" + text);
});
// 多行输入
Ext.MessageBox.prompt("title", "msg", function(e, text), this, true);
```
4. **Ext.MessageBox.show()方法**
这是最灵活的方法，允许通过配置对象来创建自定义的对话框。它可以包含许多配置参数，如`animEl`用于指定对话框的动画效果。例如，如果设置`animEl: 'id1'`，对话框将在id为'id1'的元素处弹出，并带有动画效果。
以上内容详细介绍了ExtJs中Ext.MessageBox的基本使用，包括如何创建不同类型的对话框以及如何处理用户的交互。理解并掌握这些方法对于开发ExtJs应用程序来说非常关键，特别是处理用户输入和确认操作时。通过实践和深入学习，开发者可以更好地利用ExtJs构建功能丰富的前端应用。
我的内容管理
展开
