ExtJS2.0学习：Ext.MessageBox详解

"ExtJS2.0学习系列-Ext.MessageBox" ExtJS是一个强大的JavaScript库，专门用于构建复杂的前端用户界面，其核心目标是提供一套完整的组件和工具，使开发者能够创建功能丰富的、响应式的Web应用程序，而无需关心底层的HTML、CSS和JavaScript细节。ExtJS与后端技术无关，这意味着它可以在任何支持JavaScript的服务器环境下运行。 本篇教程以ExtJS2.0版本为例，着重介绍了Ext.MessageBox模块，这是一个非常实用的功能，提供了多种提示和交互对话框，包括警告、确认和输入对话框，使得用户界面更加友好和互动。 1. Ext.MessageBox.alert() `Ext.MessageBox.alert()` 方法用于显示警告对话框，包含一个确定按钮。它接受三个参数：`title`（对话框标题），`msg`（显示的消息）和一个可选的回调函数`function`，该函数会在用户点击确定按钮后执行。例如： ```javascript Ext.MessageBox.alert("title","msg"); Ext.MessageBox.alert("title","msg", function(){alert("关闭对话框后弹出！")}); ``` 2. Ext.MessageBox.confirm() `Ext.MessageBox.confirm()` 类似于`alert()`，但添加了一个确认选项，用户可以选择是或否。回调函数中的参数`e`会携带用户选择的按钮值，即`yes`或`no`。例如： ```javascript Ext.MessageBox.confirm("title","msg", function(e){alert(e);}); ``` 3. Ext.MessageBox.prompt() `Ext.MessageBox.prompt()` 方法用于获取用户输入，提供一个文本框让用户填写信息。它有四个参数，除了`title`和`msg`外，还有回调函数和一个可选参数，用于控制是否开启多行输入。例如： ```javascript Ext.MessageBox.prompt("title","msg", function(e,text){alert(e+"-"+text);}); Ext.MessageBox.prompt("title","msg", function(e,text){alert(e+"-"+text);}, this, true); ``` 在多行模式下，用户可以输入多行文本。 4. Ext.MessageBox.show() 最具灵活性的是`Ext.MessageBox.show()` 方法，它允许通过配置对象来定制对话框。常用配置参数包括： - `animEl`: 控制对话框出现和消失的动画效果，可以指定一个ID，对话框将从这个元素位置展开或收起。 这些配置项使得开发者可以自定义对话框的外观和行为，满足各种复杂需求。 Ext.MessageBox是ExtJS框架中一个非常实用的组件，为开发者提供了丰富的交互式对话框解决方案，帮助构建更加用户友好的前端应用。通过熟练掌握这些方法和配置，开发者可以轻松地处理用户的交互反馈，提升应用程序的用户体验。