ExtJs控件详解：MessageBox使用示例

"这篇文档详细介绍了ExtJs中的几种控件，包括Ext.MessageBox的使用方法，如alert、confirm和prompt等，以及如何获取textarea中的内容。" 在ExtJs中，控件是构建用户界面的关键元素，它们提供了丰富的交互功能。特别地，`Ext.MessageBox`是一个非常实用的组件，用于弹出各种消息对话框，例如警告、确认和输入。下面将深入探讨这些方法。 1. **Ext.MessageBox.alert()** `Ext.MessageBox.alert()`方法用于显示一个简单的警告对话框，包含一个“确定”按钮。它接受三个参数：`title`（对话框标题）、`msg`（显示的消息）和一个可选的回调函数。当用户点击“确定”按钮后，回调函数会被执行。例如： ```javascript Ext.MessageBox.alert("title", "msg", function(){alert("关闭对话框后弹出！")}); ``` 这个例子中，对话框关闭后会弹出另一个消息框。 2. **Ext.MessageBox.confirm()** 类似于`alert()`，`confirm()`方法用于显示一个确认对话框，包含“是”和“否”两个按钮。同样，它接收三个参数，最后一个参数是一个回调函数，接收用户点击的按钮值（'yes'或'no'）。例如： ```javascript Ext.MessageBox.confirm("title", "msg", function(e){alert(e);}); ``` 在这个例子中，`e`的值将是用户选择的按钮值，可以用来判断用户的选择。 3. **Ext.MessageBox.prompt()** `prompt()`方法用于显示一个带有输入框的对话框，允许用户输入数据。它有六个参数，包括`title`、`msg`、一个回调函数、输入框的初始值、是否为多行文本以及输入验证函数。例如： ```javascript Ext.MessageBox.prompt("title", "msg", function(value, cancelled){ if (!cancelled) { console.log("用户输入：" + value); } }); ``` 用户输入的数据可以在回调函数的`value`参数中获取，如果用户取消了对话框，`cancelled`参数将为`true`。 除了这些基本用法，`Ext.MessageBox`还支持自定义按钮、图标和其他高级选项，使得在用户交互时能够提供更加丰富的反馈。在实际开发中，可以根据需求灵活应用这些方法，以实现各种对话框效果。 此外，示例中的`getContext()`函数展示了如何获取textarea中的内容并替换换行符以适应HTML环境。这在处理用户输入或者展示多行文本时很有用。 理解并熟练运用ExtJs中的控件，尤其是`Ext.MessageBox`，对于创建具有高质量用户体验的Web应用至关重要。通过这些控件，开发者能够轻松地与用户进行交互，收集反馈，以及执行各种操作。