ExtJs2.0入门教程:Ext.MessageBox详解

需积分: 9 1 下载量 170 浏览量 更新于2024-08-01 收藏 670KB DOC 举报
"这是一份关于ExtJs入门的电子资料,专注于ExtJs2.0的学习。文档包含了ExtJs的基础使用教程,特别是Ext.MessageBox的四种主要方法:alert、confirm、prompt和show。" 本文档详细介绍了ExtJs2.0中的Ext.MessageBox组件,这是ExtJs中用于创建弹出对话框的一个核心工具,特别适合于显示警告、确认和用户输入的情况。以下是对每个方法的详细说明: 1. Ext.MessageBox.alert() 这个方法用于显示一个简单的警告对话框,包含一个确认按钮。它接受三个参数:`title`(对话框标题)、`msg`(显示的消息)和一个可选的回调函数`function`,当用户点击确认按钮后执行。示例代码展示了如何使用这个方法,包括在关闭对话框后弹出一个额外的消息。 2. Ext.MessageBox.confirm() confirm方法与alert类似,但提供了一个确认和取消的选项,允许用户做出选择。同样接受三个参数,最后一个参数是回调函数,其中的`e`参数代表用户点击的按钮值,可以是'yes'或'no'。 3. Ext.MessageBox.prompt() prompt方法用于获取用户的输入。它有六个参数,增加了用户输入的文本和是否开启多行输入的选项。第一个`text`参数会显示在输入框内,回调函数则接收两个参数:用户点击的按钮值`e`('ok'或'cancel')和用户输入的文本`text`。通过设置最后一个参数为`true`,可以启用多行输入模式。 4. Ext.MessageBox.show() show方法是最灵活的,允许通过配置对象(config)来定制对话框的外观和行为。它可以创建任何类型的对话框,包括自定义按钮、图标、大小等。这种灵活性使得show方法成为更复杂场景下的首选。 通过这些方法,开发者能够轻松地与用户交互,提供丰富的提示和反馈。ExtJs2.0的布局和组件设计使得构建后台应用时界面美观且功能强大。这份入门资料对初学者来说是很好的起点,通过实际示例帮助理解并快速掌握Ext MessageBox的使用。