ExtJs2.0学习：Ext.MessageBox详解

"ext学习笔记" EXT是一个流行的JavaScript库，专门用于构建富客户端Web应用程序。它提供了丰富的组件和功能，使得创建交互式用户界面变得轻松。本文将深入探讨EXT的 MessageBox 组件，这是一个用于显示提示、警告和确认对话框的实用工具。 首先，我们来看`Ext.MessageBox.alert()`方法。这个方法用于显示一个简单的警告对话框，包含一个确定按钮。标题和消息是必须提供的参数，而回调函数是可选的。例如： ```javascript Ext.MessageBox.alert("标题", "消息"); ``` 当用户点击确定按钮时，对话框会自动关闭。如果提供了回调函数，它会在对话框关闭后执行，可以用来执行进一步的操作，如： ```javascript Ext.MessageBox.alert("标题", "消息", function() { alert("对话框关闭后弹出!"); }); ``` 接下来是`Ext.MessageBox.confirm()`方法，它与`alert()`类似，但提供了一个确认对话框，包含“是”和“否”两个按钮。回调函数接收一个参数`e`，表示用户所点击的按钮值，可以是“yes”或“no”。例如： ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); }); ``` `Ext.MessageBox.prompt()`方法则用于获取用户的输入。它有一个额外的文本输入框，并且可以设置是否允许多行输入。回调函数接收两个参数，一个是用户点击的按钮值（“ok”或“cancel”），另一个是用户输入的文本。例如： ```javascript Ext.MessageBox.prompt("标题", "请输入文本", function(e, text) { alert(e + "-" + text); }); ``` 若要启用多行输入，只需添加一个额外的配置参数`multiline`： ```javascript Ext.MessageBox.prompt("标题", "请输入文本", function(e, text) { alert(e + "-" + text); }, this, true); ``` 最后，`Ext.MessageBox.show()`方法是最灵活的，允许自定义配置来创建各种对话框。你可以设置自己的按钮、图标、宽度、高度等。这使你可以完全控制对话框的外观和行为。 这只是EXT MessageBox组件的一部分功能。EXT还提供了其他组件，如Grid、Tree、Form、Panel等，用于构建复杂的用户界面。EXT的强大之处在于它的组件化设计和丰富的API，使得开发者可以方便地构建功能丰富、响应式的Web应用。在实际开发中，结合EXT的布局管理、数据绑定和事件处理机制，可以创建出高效且易于维护的代码。