ExtJs入门实例：MessageBox操作详解

ExtJs入门实例是一系列教程，旨在帮助初学者理解和掌握这款流行的JavaScript框架，特别是针对Ext Js 2.0版本。在这个系列中，作者分享了如何通过Ext.MessageBox组件来创建简单的交互式对话框，这对于理解和实践Ext Js的基本控件操作非常实用。 1. **Ext.MessageBox.alert()** 方法是第一个介绍的实例，它用于显示一个包含警告或信息的消息框。这个方法接受三个参数：标题(title)、消息(msg)和一个可选的回调函数。当用户点击“确定”按钮关闭对话框时，回调函数会被执行。例如： ``` Ext.MessageBox.alert("标题","消息内容",function(){alert("关闭后操作")}); ``` 2. **Ext.MessageBox.confirm()** 方法与alert()类似，用于确认性操作，比如询问用户是否确定执行某个操作。它同样接收三个参数，包括用户选择的结果（yes, no, cancel），在用户按下相应按钮后，回调函数会接收到这个值。 3. **Ext.MessageBox.prompt()** 是一个更为复杂的方法，它不仅显示消息，还允许用户输入文本。它接受五个参数：标题、消息、回调函数、用户输入的默认文本以及一个布尔值，决定是否开启多行输入。例如： ``` Ext.MessageBox.prompt("标题","请输入内容",function(e,text){alert(e + "-" + text)}); ``` 用户输入后，可以通过`e`参数获取用户的选择，`text`参数则是用户输入的文本。 4. **Ext.MessageBox.show()** 方法是最灵活的，它通过config对象提供丰富的配置选项，可以定制对话框的样式、位置、按钮等，适用于更复杂的对话框场景。这表明学习者已经掌握了基础对话框操作，正向更高级的窗口管理迈进。 这些实例旨在通过实际操作帮助读者熟悉Ext Js的基本控件和交互流程，对于理解和应用Ext Js构建交互界面具有重要意义。通过跟随这些实例，新手可以逐渐掌握Ext Js的组件使用，为后续开发工作打下坚实的基础。