ExtJs入门教程：详解Ext.MessageBox使用

"本资源提供了一个ExtJs入门实例，包含完整的源码和详细的注释，旨在帮助初学者理解并掌握ExtJs的基础使用。文档中重点介绍了ExtJs2.0中的Ext.MessageBox组件，包括其常用方法如alert、confirm、prompt和show，通过实例演示了这些方法的用法和参数含义。" 在ExtJs框架中，Ext.MessageBox是一个非常实用的组件，它提供了弹出对话框的功能，可以用于显示警告、确认和提示信息，甚至获取用户输入。下面将详细解释这些方法： 1. **Ext.MessageBox.alert()** 这个方法用于显示一个简单的警告对话框，包含一个确定按钮。它接受三个参数：`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数`function`，该函数在用户点击确定按钮后执行。例如： ```javascript Ext.MessageBox.alert("标题", "消息"); ``` 如果添加回调函数，可以在对话框关闭后执行特定操作，如： ```javascript Ext.MessageBox.alert("标题", "消息", function() { alert("关闭对话框后弹出！"); }); ``` 2. **Ext.MessageBox.confirm()** confirm方法与alert类似，但多了用户确认的选项，通常有两个按钮：是和否。同样接收三个参数，最后一个参数是点击按钮后的回调函数，返回值`e`代表用户选择的按钮值（'yes' 或 'no'）。示例： ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); }); ``` 3. **Ext.MessageBox.prompt()** prompt方法允许用户输入文本，有六个参数，包括`title`、`msg`、回调函数、当前对象、是否启用多行输入以及初始输入值。回调函数接收两个参数，`e`代表按钮值（'ok' 或 'cancel'），`text`是用户输入的文本。例如： ```javascript Ext.MessageBox.prompt("标题", "请输入内容", function(e, text) { alert(e + "-" + text); }); ``` 若要启用多行输入，设置第六个参数为`true`，例如： ```javascript Ext.MessageBox.prompt("标题", "请输入内容", function(e, text) { alert(e + "-" + text); }, this, true); ``` 4. **Ext.MessageBox.show()** 最灵活的方法，可以根据配置自定义对话框。它接受一个配置对象，可以定制对话框的样式、按钮、图标等。例如： ```javascript Ext.MessageBox.show({ title: '自定义对话框', msg: '这是自定义的消息', buttons: Ext.MessageBox.YESNO, icon: Ext.MessageBox.QUESTION, fn: function(buttonId) { alert('用户点击了：' + buttonId); } }); ``` show方法允许你完全控制对话框的行为，可以根据需求创建各种复杂的交互。 通过学习这些基本的Ext.MessageBox方法，初学者可以快速掌握在ExtJs中如何与用户进行交互，从而构建更丰富的前端应用。文档中的实例和详细注释将有助于理解和实践这些概念。