ExtJs2.0学习：Ext.MessageBox详解

"EXTJS学习文档，包括Ext.MessageBox的使用教程" EXTJS是一个强大的JavaScript库，专用于构建富客户端Web应用程序。在EXTJS中，`Ext.MessageBox`是一个非常实用的组件，它提供了弹出对话框的功能，可以用于警告、确认、提示用户输入等交互操作。下面我们将详细探讨EXTJS2.0学习系列中的`Ext.MessageBox`。 1. `Ext.MessageBox.alert()` 方法 `Ext.MessageBox.alert()` 用于显示警告对话框，包含一个标题、消息内容以及一个可选的回调函数。标题和消息是必须的参数，而回调函数是可选的，用于在用户关闭对话框后执行的代码。例如： ```javascript Ext.MessageBox.alert("标题", "消息"); Ext.MessageBox.alert("标题", "消息", function() { alert("关闭对话框后弹出！"); }); ``` 2. `Ext.MessageBox.confirm()` 方法 `confirm()` 方法与`alert()` 类似，但增加了一个确认选项，用户可以选择“是”或“否”。回调函数的参数`e`会返回用户选择的按钮值，即"yes"或"no"： ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); // 用户点击的按钮值，可能是"yes"或"no" }); ``` 3. `Ext.MessageBox.prompt()` 方法 `prompt()` 方法用于向用户请求输入信息。它包括标题、消息、回调函数以及两个额外的参数，一个用于指定是否多行输入，另一个是作用域。例如： ```javascript Ext.MessageBox.prompt("标题", "消息", function(e, text) { alert(e + "-" + text); // e为按钮值，text为用户输入的内容 }); Ext.MessageBox.prompt("标题", "消息", function(e, text) { alert(e + "-" + text); // true表示多行输入，this为作用域 }, this, true); ``` 4. `Ext.MessageBox.show()` 方法 `show()` 方法是最灵活的，允许通过配置对象自定义对话框的行为。它可以包含多种配置参数，如动画效果、按钮设置等。例如： ```javascript Ext.MessageBox.show({ animEl: "id1", // 动画效果从id1元素开始 title: "对话框标题", msg: "对话框消息", buttons: Ext.MessageBox.YESNO, // 添加"是"和"否"按钮 fn: function(buttonId, text, opt) { // buttonId为用户点击的按钮ID，如'yes'或'no' } }); ``` 通过这些方法，开发者可以轻松地在EXTJS应用中实现与用户的交互，提供丰富的界面反馈。了解并熟练运用`Ext.MessageBox`，将极大地提升EXTJS应用程序的用户体验。在学习EXTJS的过程中，实践这些实例是掌握其核心功能的关键步骤。