新手入门：ExtJs 2.0 MessageBox 功能详解

ExtJs学习实例是一个针对初学者设计的一系列教程，帮助新接触ExtJs的人克服入门阶段的困难。ExtJs是一款强大的JavaScript UI库，特别适合用于构建高性能的Web应用程序，以其优雅的界面布局和丰富的组件而闻名。本文档主要关注ExtJs 2.0版本中的MessageBox模块，这是ExtJs对话框功能的核心组成部分。 1. **Ext.MessageBox.alert()** 方法是基础的弹出对话框，接受三个参数：标题（title）、消息文本（msg）以及可选的回调函数。回调函数在用户关闭对话框时触发，例如，可以在此执行额外的操作，如`Ext.MessageBox.alert("Title", "Message", function() { alert("对话框关闭后弹出！"); })`。 2. **Ext.MessageBox.confirm()** 方法与alert()类似，但多了一个确认选项。它通过`function(e)`回调接收用户的输入，`e`参数代表用户选择的按钮值，可能为"yes"、"no"或"cancel"。同样，`Alert()`方法也有类似的确认选项，不过仅限于"ok"和"cancel"。 3. **Ext.MessageBox.prompt()** 方法用于提示用户输入，除了标题、消息和回调函数，还包含两个额外参数：一个返回值（text）和一个布尔值来决定是否启用多行输入模式。例如，`Ext.MessageBox.prompt("Title", "Message", function(e, text) { alert(e + "-" + text); })`，用户输入后，可以通过回调获取到输入值。 4. **Ext.MessageBox.show()** 是一个更为灵活的方法，它允许用户以配置对象的形式指定对话框的各种属性，如动画效果、尺寸、位置等。比如，`animEl` 参数用于指定弹出和收起动画的元素ID。这种方法使得创建定制化的对话框更加便捷。 通过这些方法，新手可以逐步熟悉ExtJs MessageBox API，并开始构建自己的交互式前端界面。理解并掌握这些基本对话框操作是理解和应用ExtJs进行前端开发的重要一步。随着对ExtJs核心组件和API的深入学习，开发者将能够构建出更具吸引力和功能性的用户界面。