ExtJs2.0入门教程：MessageBox、confirm与prompt方法详解

本篇资源是关于ExtJs2.0学习系列的文章，旨在帮助初学者掌握这款流行的JavaScript UI库的基础知识。作者认识到在刚开始接触ExtJs时可能会遇到挑战，因此通过一系列教程来简化入门过程，特别强调了ExtJs在后台开发中的优点，其布局设计被赞赏为精美。 首先，文章介绍了`Ext.MessageBox`的核心方法，这是ExtJs中用于交互式对话框的基本工具： 1. `Ext.MessageBox.alert()` 方法：这是最基本的消息提示，至少需要两个参数，标题（title）和消息文本（msg）。可选的第三个参数是一个回调函数，当用户关闭对话框时会被调用。例如，`Ext.MessageBox.alert("标题", "消息", function() { alert("关闭后弹出!"); })`。 2. `Ext.MessageBox.confirm()` 方法与`alert()`类似，但多了一个确认操作。确认按钮的值可以通过参数`e`获取，如`Ext.MessageBox.confirm("标题", "msg", function(e) { alert(e); })`，`e`的值可以是`yes`、`no`或`cancel`。 3. `Ext.MessageBox.prompt()` 方法允许用户输入反馈，包含六个参数：标题、消息、回调函数和可选的返回值及多行模式。示例中，用户输入的值和点击的按钮值会在回调函数中显示，如`Ext.MessageBox.prompt("标题", "msg", function(e, text) { alert(e + "-" + text); })`。 4. `Ext.MessageBox.show()` 方法提供了更强大的定制性，采用配置对象的形式。常见的配置选项包括`animEl`用于指定动画效果，`buttons`用于定义对话框中的按钮类型，以及是否支持多行输入等。例如，`animEl: 'id1'`会让对话框从id1元素处弹出并带动画效果。 通过这些讲解，读者可以了解到如何在实际开发中有效地使用ExtJs的MessageBox组件进行用户交互，这对于理解和构建丰富的前端界面至关重要。继续深入学习这一系列教程，读者将能逐步掌握ExtJs 2.0框架的其他组件和特性，从而提升自己的前端开发技能。