Ext Js 2.0入门教程： MessageBox实例详解

本篇文章是关于Ext Js 2.0的入门学习教程，作者针对初学者设计了一套系列文章，旨在帮助他们在接触Ext Js时克服初期的困难。Ext Js是一个广泛应用于Web开发的JavaScript库，特别适合构建复杂的用户界面和数据管理应用。本文档详细介绍了四个核心的MessageBox方法：alert(), confirm(), prompt(), 和 show()。 1. **Ext.MessageBox.alert()**: 这是Ext Js中最基础的对话框函数，用于显示一个带有标题、消息和可选的回调函数的警告框。标题和消息是必需的参数，而回调函数在用户关闭对话框时被触发。例如，`Ext.MessageBox.alert("标题", "消息", function() { alert("关闭后弹出！") })`展示了如何在关闭对话框后执行额外操作。 2. **Ext.MessageBox.confirm()**: 类似于alert()，但用于确认对话框，用户可以选择"yes", "no", 或 "cancel"。回调函数接收一个名为'e'的参数，该参数表示用户选择的按钮值，如`Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); })`。 3. **Ext.MessageBox.prompt()**: 提供了一个更为复杂的对话框，允许用户输入文本并提供两个额外参数：返回的文本值和是否开启多行输入模式。例如，`Ext.MessageBox.prompt("标题", "消息", function(e, text) { alert(e + "-" + text); })`演示了如何获取用户的输入。 4. **Ext.MessageBox.show()**: 这个方法提供了更大的灵活性，采用配置对象的形式，允许自定义对话框的多个属性，如动画效果（animEl）和对话框内容。通过指定如`animEl: 'id1'`，开发者可以控制弹出和关闭动画的源元素。show()方法的配置选项包括但不限于动画效果、尺寸、位置等，使得对话框的展示更加定制化。 总结来说，这篇文章是Ext Js入门学习者的重要参考资料，通过实际操作和实例演示，帮助读者掌握如何使用MessageBox组件来创建交互式的提示、确认和输入对话框，以及如何利用show()方法创建配置化的对话框。这些基本功能的理解是深入学习Ext Js组件库的基础。