ExtJs入门教程： MessageBox函数详解

"这篇文档是关于ExtJs入门的实例教程，特别关注了Ext.MessageBox的使用，包括alert、confirm、prompt和show方法，旨在帮助初学者理解ExtJs在创建交互式用户界面时的功能和应用。" 文章详细介绍了ExtJs 2.0中的Ext.MessageBox组件，这是一个用于显示警告、确认和提示对话框的实用工具，对于构建具有丰富用户体验的Web应用程序至关重要。以下是对每个方法的详细解析： 1. **Ext.MessageBox.alert()** 这个方法用于显示带有标题和消息的简单警告对话框。它接受三个参数，即`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数，该函数会在用户关闭对话框后执行。例如： ```javascript Ext.MessageBox.alert("title", "msg"); Ext.MessageBox.alert("title", "msg", function(){alert("关闭对话框后弹出！")}); ``` 第二个示例展示了如何在对话框关闭后执行额外的操作。 2. **Ext.MessageBox.confirm()** confirm方法与alert类似，但提供了一个确认选项，用户可以选择“是”或“否”。回调函数的参数`e`会返回用户的选择，可以是'yes'或'no'。 ```javascript Ext.MessageBox.confirm("title", "msg", function(e){alert(e);}); ``` 3. **Ext.MessageBox.prompt()** prompt方法用于获取用户的输入。它包含四个参数，除了`title`和`msg`之外，还有回调函数和一个可选的`multiLine`参数，用于决定文本框是否为多行。例如： ```javascript Ext.MessageBox.prompt("title", "msg"); Ext.MessageBox.prompt("title", "msg", function(e, text){alert(e + "-" + text);}); Ext.MessageBox.prompt("title", "msg", function(e, text){alert(e + "-" + text);}, this, true); ``` 第三个参数`e`表示用户是否点击了“OK”或“Cancel”，而`text`是用户输入的值。`multiLine`参数为true时，文本框变为多行。 4. **Ext.MessageBox.show()** show方法是最灵活的，允许通过配置对象自定义对话框。它可以创建任何类型的对话框，并且配置项更多，包括按钮、样式、宽度等。配置对象可以根据需要定制对话框的外观和行为。 这个入门实例通过这些基本方法的演示，为初学者提供了ExtJs MessageBox组件的直观理解和实践操作，有助于快速上手ExtJs开发。通过熟悉并熟练运用这些方法，开发者能够创建出更丰富的用户交互体验，提升Web应用程序的质量和用户满意度。