ExtJs2.0学习系列：Ext.MessageBox详解

"关于 Ext js 的介绍 - 一个JavaScript库用于构建富客户端应用程序" Ext JS 是一个基于JavaScript的开源框架，主要用于开发富互联网应用程序（RIA）。它提供了丰富的组件库，支持复杂的用户界面和数据绑定机制，使得开发者可以构建功能强大且具有桌面应用般体验的Web应用。Ext JS 的核心特性包括组件化、数据网格、图表、表单、布局管理等。 在描述中提到的`Ext.MessageBox`是Ext JS中的一个模块，专门用于显示各种对话框，如警告、确认和提示信息。下面将详细介绍`Ext.MessageBox`的一些常用方法： 1. **Ext.MessageBox.alert()** `Ext.MessageBox.alert()`用于展示一个简单的警告对话框，包含一个确定按钮。它接受三个参数：标题（title）、消息（msg）和回调函数（function）。回调函数会在用户点击确定按钮后执行。例如： ```javascript Ext.MessageBox.alert("标题", "消息"); ``` 可选地，你可以添加一个回调函数来处理用户关闭对话框后的逻辑，如： ```javascript Ext.MessageBox.alert("标题", "消息", function() { alert("对话框已关闭"); }); ``` 2. **Ext.MessageBox.confirm()** `Ext.MessageBox.confirm()`类似于`alert()`，但提供了确认对话框，带有“是”和“否”两个按钮。同样接收三个参数，与`alert()`类似。回调函数的参数`e`会返回用户点击的按钮值（'yes' 或 'no'）： ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); }); ``` 3. **Ext.MessageBox.prompt()** `Ext.MessageBox.prompt()`用于获取用户输入。它有六个参数，包括标题、消息、回调函数、用户输入的值、是否多行以及作用域。回调函数的参数`e`是用户点击的按钮值（'ok' 或 'cancel'），`text`是用户输入的文本： ```javascript Ext.MessageBox.prompt("标题", "请输入信息", function(e, text) { alert(e + "-" + text); }); ``` 多行输入可通过设置第五个参数为`true`实现，第六个参数`this`通常用于指定回调函数执行时的作用域。 4. **Ext.MessageBox.show()** 最灵活的方法是`Ext.MessageBox.show()`. 它允许通过配置对象自定义对话框，可以创建具有自定义按钮、样式和行为的对话框。配置选项包括`title`、`msg`、`buttons`、`fn`（回调函数）等，可以实现更多复杂的交互。 除了这些基础的对话框操作，Ext JS 还提供了诸如菜单、树形视图、拖放功能、数据存储和远程通信等功能，构建出完整的应用框架。其强大的布局系统可以帮助开发者轻松管理界面元素的位置和大小，而丰富的API则使得扩展和定制变得简单。Ext JS 是一个全面的前端开发工具，尤其适合构建复杂的企业级Web应用。