ExtJs2.0学习：Ext.MessageBox详解

"这篇文档是关于ExtJs的学习实例，特别是Ext.MessageBox组件的使用教程，适合初学者了解和掌握ExtJs的对话框功能。" 在学习ExtJs的过程中，Ext.MessageBox是一个非常实用的工具，用于显示各种类型的提示信息，包括警告、确认和输入对话框。这个组件使得开发者能够轻松地与用户进行交互，提供丰富的界面反馈。以下是关于Ext.MessageBox的一些关键知识点： 1. **Ext.MessageBox.alert()方法** - `Ext.MessageBox.alert()` 用于显示一个简单的警告对话框，包含一个确定按钮。它接受三个参数：`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数`function()`。当用户点击确定按钮后，回调函数会被执行。例如： ```javascript Ext.MessageBox.alert("title", "msg"); Ext.MessageBox.alert("title", "msg", function() { alert("关闭对话框后弹出!"); }); ``` 2. **Ext.MessageBox.confirm()方法** - 类似于`alert()`，`confirm()`方法用于展示一个确认对话框，包含"是"和"否"两个按钮。回调函数中的参数`e`会返回用户点击的按钮值，即"yes"或"no"。例如： ```javascript Ext.MessageBox.confirm("title", "msg", function(e) { alert(e); }); ``` 3. **Ext.MessageBox.prompt()方法** - 提供一个输入对话框，用户可以在这里输入文本。它有六个参数，除了`title`和`msg`之外，还包括一个回调函数，一个作用域对象，以及是否开启多行输入的标志。回调函数接收到两个参数：用户点击的按钮值（"ok"或"cancel"）和用户输入的文本。例如： ```javascript Ext.MessageBox.prompt("title", "msg", function(e, text) { alert(e + "-" + text); }); Ext.MessageBox.prompt("title", "msg", function(e, text) { alert(e + "-" + text); }, this, true); ``` 其中，`true`表示启用多行输入。 4. **Ext.MessageBox.show()方法** - 这是最灵活的方法，允许自定义配置来创建对话框。它接受多个配置参数，如`animEl`，用于指定对话框出现和消失时的动画效果。例如： ```javascript Ext.MessageBox.show({ title: 'Title', msg: 'Message', animEl: 'id1' }); ``` 通过`show()`方法，你可以创建具有自定义按钮、图标、宽度、高度等特性的对话框，以满足更复杂的需求。 学习这些基本的Ext.MessageBox方法后，开发者可以构建更加动态和用户友好的界面。在实际项目中，这些对话框常用于验证用户输入、显示警告信息或者请求用户确认重要操作。熟练掌握这些方法对于提升ExtJs应用的用户体验至关重要。