新手指南：ExtJS信息提示框组件用法详解

本文档主要针对ExtJS库中的信息提示框组件进行详细的介绍，旨在帮助新手理解和使用该功能。Ext.MessageBox是ExtJS中一个重要的工具类，用于显示各种类型的消息框，如警告、确认和提示等。文档主要包括两个核心方法：`Ext.MessageBox.alert()` 和 `Ext.MessageBox.confirm()`。 **1. Ext.MessageBox.alert() 方法** 这个方法用于显示一个简单的消息提示框，其中包含标题和消息文本，以及可选的关闭后回调函数。参数列表如下： - **title**: 必填，指定对话框的标题，通常用于告知用户对话框的主题。 - **msg**: 必填，定义对话框的主体文本，可以是任何字符串，用于传达信息或问题。 - **fn**: 可选，这是一个函数，当用户点击确定或取消按钮后会被调用。通过`e`参数可以获取用户选择的按钮值（如'ok'或'cancel'）。 - **scope**: 可选，提供回调函数的上下文环境，即在哪个对象上执行该函数。 以下是一些使用示例： - 基本使用，没有回调： ```javascript Ext.onReady(function TestMessageBox() { Ext.MessageBox.alert("测试", "弹出提示框"); }); ``` - 添加事件处理，监听关闭操作： ```javascript Ext.onReady(function TestMessageBox() { Ext.MessageBox.alert("测试", "弹出对话框", function() { document.write("关闭对话框"); }); }); ``` - 检查用户选择的按钮： ```javascript Ext.onReady(function TestMessageBox() { Ext.MessageBox.alert("测试", "弹出对话框", function(e) { if (e === 'ok') { document.write("单击了确定按钮"); } else if (e === 'cancel') { document.write("单击了关闭按钮"); } }); }); ``` **2. Ext.MessageBox.confirm() 方法** `Ext.MessageBox.confirm()` 方法用于显示一个包含确认和取消按钮的消息对话框，用户可以选择是否确认某个操作。它的参数与`alert()`方法类似，只是多了确认操作的处理逻辑。确认按钮通常与"OK"或"确定"相对应，取消按钮则对应"Cancel"或"关闭"。 总结来说，ExtJS的信息提示框组件提供了灵活的方式来与用户交互，无论是简单的通知还是需要用户确认的操作。通过理解这些基本方法，新手可以快速地在自己的项目中集成和使用这些功能，提升用户体验。