ExtJS2.0学习教程： MessageBox详解

"ExtJs学习实例，实际案例讲解" 在深入探讨ExtJs之前，先来了解一下ExtJs的基础。ExtJs是一个强大的JavaScript库，主要用于构建富客户端应用程序。它提供了一套完整的组件模型，包括表格、面板、菜单、对话框等，使得开发者能够创建功能丰富的Web应用，而且具有桌面应用般的用户体验。 现在我们详细讲解一下提供的部分内容： 1. **Ext.MessageBox.alert()方法** `Ext.MessageBox.alert()` 是用来显示警告对话框的，通常包含一个“确定”按钮。有两个必选参数`title`和`msg`，分别用于设置对话框的标题和消息内容。第三个参数`function`是可选的回调函数，当用户点击“确定”按钮关闭对话框后执行。 示例： ```javascript Ext.MessageBox.alert("提示", "这是警告消息"); Ext.MessageBox.alert("提示", "这是警告消息", function() { alert("对话框关闭后执行的操作"); }); ``` 2. **Ext.MessageBox.confirm()方法** `Ext.MessageBox.confirm()` 类似于`alert()`，但提供了一个确认对话框，包含“是”和“否”两个按钮。回调函数的参数`e`表示用户点击的按钮值，可以是“yes”或“no”。 示例： ```javascript Ext.MessageBox.confirm("确认", "你确定吗?", function(e) { if (e === 'yes') { // 用户点击了“是” } else { // 用户点击了“否” } }); ``` 3. **Ext.MessageBox.prompt()方法** `prompt()` 方法用于获取用户输入。除了`title`和`msg`外，还包括一个回调函数，用于处理用户输入的文本。第六个参数表示是否启用多行文本输入。如果为`true`，则开启多行输入。 示例： ```javascript Ext.MessageBox.prompt("请输入", "请输入姓名:", function(e, text) { if (e === 'ok') { alert("你输入的名字是：" + text); } }); ``` 多行输入的例子： ```javascript Ext.MessageBox.prompt("请输入", "请输入详细信息:", function(e, text) { if (e === 'ok') { alert("你输入的信息是：" + text); } }, null, true); ``` 4. **Ext.MessageBox.show()方法** `show()` 方法是最灵活的，它允许通过配置对象来定义对话框的行为。你可以自定义按钮、图标、动画效果等。例如，`animEl` 参数用于指定对话框的动画效果起点。 示例： ```javascript var config = { title: '自定义对话框', msg: '这是一条自定义消息', buttons: Ext.MessageBox.OKCANCEL, icon: Ext.MessageBox.INFO, animEl: 'id1' }; Ext.MessageBox.show(config); ``` 以上就是关于ExtJs中`MessageBox`类的一些基本使用方法。这些方法在实际开发中非常实用，可以用于提示用户、获取用户输入以及进行简单的交互。通过这些实例，无论是初学者还是有一定经验的开发者，都能更好地理解和掌握ExtJs的使用。