ExtJs2.0学习入门：从Ext.MessageBox开始

"这篇资料是关于ExtJs2.0的学习教程，特别适合初学者了解EXT控件及其使用方法，对于.NET网站开发具有辅助作用。它包括了Ext.MessageBox的各种使用示例，如alert、confirm、prompt以及show方法，帮助开发者更好地在网页中实现交互功能。" 在ExtJs2.0中，Ext.MessageBox是一个非常实用的组件，它提供了多种用于与用户进行交互的对话框。以下是各方法的详细说明： 1. Ext.MessageBox.alert() 这个方法用于显示一个简单的警告对话框，包含一个确认按钮。它有三个参数： - `title`：对话框的标题。 - `msg`：显示的消息内容。 - `function`（可选）：当用户点击确认按钮后执行的回调函数。 示例： ```javascript Ext.MessageBox.alert("标题", "消息", function() { alert("对话框关闭后弹出！"); }); ``` 2. Ext.MessageBox.confirm() confirm方法与alert类似，但提供了一个确认和取消的选项。同样有三个参数： - `title`：对话框标题。 - `msg`：要显示的消息。 - `function(e)`：用户点击按钮后的回调函数，`e`参数代表用户选择的按钮值，可能是'yes'、'no'或'cancel'。 示例： ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); // 可能的值：'yes', 'no', 'cancel' }); ``` 3. Ext.MessageBox.prompt() prompt方法允许用户输入文本，有四个或五个参数： - `title`：对话框标题。 - `msg`：提示信息。 - `function(e, text)`：用户点击按钮后的回调，`e`是按钮值，`text`是用户输入的文本。 - `this`（可选）：回调函数的作用域。 - `multiline`（可选）：布尔值，决定是否启用多行输入。 示例： ```javascript Ext.MessageBox.prompt("标题", "请输入内容", function(e, text) { alert(e + "-" + text); }, this, true); // 多行输入 ``` 4. Ext.MessageBox.show() 这是最灵活的方法，允许自定义配置，包括动画效果、按钮设置等。其参数通常是一个配置对象，包含： - `animEl`：动画效果的元素ID。 - `buttons`：预设的按钮组合，如`Ext.Msg.OK`, `Ext.Msg.OKCANCEL`, `Ext.Msg.CANCEL`, `Ext.Msg.YESNO`等。 示例： ```javascript Ext.MessageBox.show({ title: "自定义对话框", msg: "自定义消息", buttons: Ext.Msg.YESNO, animEl: "id1" }); ``` 通过这些方法，开发者可以创建各种不同类型的对话框，以适应不同的用户交互需求。学习并掌握这些方法，将极大地提升EXT应用的用户体验和功能性。在.NET网站开发中，使用ExtJs2.0可以方便地创建具有专业级界面和交互效果的Web应用程序。