ExtJs是一个强大的JavaScript框架，特别适合用于开发用户界面和构建富客户端应用程序。在这个系列的学习实例中，我们聚焦于ExtJs 2.0版本，从基础组件开始，逐步探索其核心功能。本文主要介绍了四个重要的MessageBox方法，这些方法是ExtJs在交互式消息提示中的关键组成部分。
1. `Ext.MessageBox.alert()`方法
这是ExtJs中最基本的消息提示，用于显示简单的警告或通知。它接受三个参数：标题(title)、消息(msg)以及可选的回调函数。回调函数会在用户关闭对话框后执行，例如可以用来处理用户的响应或进一步的操作。`alert()`方法的两个基本用法示例是：
- `Ext.MessageBox.alert("title","msg");`
- `Ext.MessageBox.alert("title","msg",function(){alert("关闭对话框后弹出！")});`
2. `Ext.MessageBox.confirm()`方法
与`alert()`类似，`confirm()`用于获取用户的确认或取消操作。第三个参数e是一个枚举值，代表用户点击的按钮（yes、no或cancel）。需要注意的是，e值不同于`alert()`的ok和cancel。
3. `Ext.MessageBox.prompt()`方法
此方法更为复杂，除了标题、消息和回调函数，还包含两个额外参数：返回值和是否允许多行输入。用户可以输入文本，并通过yes、no或cancel按钮确认。示例：
- `Ext.MessageBox.prompt("title","msg",function(e,text){alert(e+"-"+text);});`
- `Ext.MessageBox.prompt("title","msg",function(e,text){alert(e+"-"+text), this, true); // true表示多行输入`
4. `Ext.MessageBox.show()`方法
这是ExtJs中最通用的消息对话框，提供了丰富的配置选项。它允许开发者通过对象字面量的形式来定义对话框的样式、动画效果（通过`animEl`配置指定）、按钮、提示文本等。由于参数众多，这里仅列举了一些常用配置，实际应用中可以根据需求进行更深入定制。
通过这些ExtJs MessageBox方法的学习，新入门的开发者可以快速上手，理解如何创建和控制用户界面中的提示、确认和输入框，从而更好地掌握ExtJs的交互设计能力。随着对框架的深入理解，开发者将能够构建更加动态和用户友好的界面应用。
我的内容管理
展开
