ExtJS2.0学习:Ext.MessageBox详解

需积分: 9 0 下载量 125 浏览量 更新于2024-07-29 收藏 698KB DOC 举报
"这篇文档是关于Extjs入门的实例教程,包含了Extjs的基本使用方法,适合初学者了解和学习Extjs。" 在Extjs中,`Ext.MessageBox` 是一个非常实用的工具,它提供了一种方便的方式来显示警告、确认和提示对话框。以下是基于提供的部分内容对`Ext.MessageBox`的详细介绍: 1. Ext.MessageBox.alert() 方法 `Ext.MessageBox.alert()` 用于显示一个简单的警告对话框,包含两个必需参数`title`和`msg`,以及一个可选的回调函数`function`。`title`定义对话框的标题,`msg`是显示的消息。例如: ```javascript Ext.MessageBox.alert("提示", "这是一个警告消息"); ``` 如果提供了回调函数,当用户点击确定按钮关闭对话框时,该函数会被执行。 2. Ext.MessageBox.confirm() 方法 类似于`alert()`,`confirm()` 方法用于显示确认对话框,通常包含一个询问用户是否同意某操作的问题。同样有三个参数,回调函数`function(e)`中的`e`会返回用户选择的按钮值('yes' 或 'no'): ```javascript Ext.MessageBox.confirm("确认", "你确定吗?", function(e) { alert(e); }); ``` 3. Ext.MessageBox.prompt() 方法 这个方法允许用户输入文本。它有六个参数,包括`title`,`msg`,回调函数`function(e, text)`,一个作用域对象`this`,和一个布尔值`multiline`,决定输入框是否支持多行输入。例如: ```javascript Ext.MessageBox.prompt("请输入", "请输入你的名字:", function(e, text) { alert(e + "-" + text); }); ``` 当设置`multiline`为`true`时,输入框将变为多行文本框。 4. Ext.MessageBox.show() 方法 `show()` 方法是最灵活的,可以自定义对话框的配置,如按钮、图标、样式等。它接受一个配置对象作为参数,允许开发者完全控制对话框的外观和行为。 通过这些基础方法,开发者可以轻松地在应用程序中集成用户交互功能,比如显示信息、获取用户确认或输入。在学习Extjs时,理解并熟练使用`Ext.MessageBox`是非常重要的一步,它可以帮助提升用户体验并增强应用的交互性。在实际项目中,可以根据需要组合和扩展这些方法,以满足各种复杂的用户通知和验证需求。