ExtJS入门实例：MessageBox方法详解

在ExtJS 2.0的学习系列中，第一个实例是关于Ext.MessageBox，这是一个用于在用户界面上显示简单消息、确认或提示的工具。本文档重点介绍了四个核心方法：`alert()`，`confirm()`，`prompt()`，以及`show()`。 1. `Ext.MessageBox.alert()` 方法： - 这是基础的提示框，它接受三个参数：标题（`title`），消息（`msg`）以及可选的回调函数（`function()`）。标题和消息是必需的，回调函数会在用户关闭对话框后执行。例如： ``` Ext.MessageBox.alert("提示标题", "提示消息"); Ext.MessageBox.alert("提示标题", "提示消息", function() { alert("对话框关闭后弹出！"); }); ``` 提供的两个按钮选项分别是默认的“OK”和“Cancel”。 2. `Ext.MessageBox.confirm()` 方法： - 类似于`alert()`，但多了一个确认操作，通过传递的回调函数`function(e)`获取用户选择的按钮值，可能是 "yes"、"no" 或 "cancel"。这里的`e`参数代表用户的选择。 3. `Ext.MessageBox.prompt()` 方法： - 这个方法更为复杂，它除了标题、消息和回调函数外，还有两个额外参数：返回的文本值（`text`）和是否允许多行输入（`multiLine`）。用户输入后，可以通过回调函数获取用户的输入。例如： ``` Ext.MessageBox.prompt("提示标题", "请输入信息", function(e, text) { alert(e + "-" + text); }); ``` 多行输入可以通过第三个参数`true`启用，并可以通过`this`关键字指定上下文。 4. `Ext.MessageBox.show()` 方法： - 这是最灵活的方法，因为它采用配置对象的形式，支持自定义多个参数，如动画效果（`animEl`）、对话框大小、位置等。比如，可以设置对话框从特定元素`id1`弹出并带有动画效果。这种方法便于控制对话框的复杂显示效果。 通过这些方法，开发者可以在ExtJS应用中创建丰富的用户交互体验，包括简单的提示、确认请求和数据输入验证。理解这些基本的MessageBox功能是ExtJS入门阶段的关键，后续的学习将涉及更多的组件和API，以构建功能完整的前端界面和应用程序。