ExtJs入门教程：详解Ext.MessageBox使用

"这篇资料是关于ExtJs的学习资源，适合初学者，包含了丰富的实例和效果，特别是对于入门ExtJs非常有帮助。" ExtJs是一种基于JavaScript的富客户端应用框架，用于构建桌面级的Web应用程序。它提供了丰富的组件库，允许开发者创建复杂的用户界面。以下是对标题和描述中涉及的知识点的详细解释： 1. **Ext.MessageBox** Ext.MessageBox 是ExtJs中的一个类，用于显示消息对话框，包括警告、确认和提示等操作。它是ExtJs提供的一种便捷的用户交互方式。 - **Ext.MessageBox.alert()** 这个方法用于显示一个警告对话框，包含一个确定按钮。用户点击确定后，可选的回调函数会被执行。例如： ```javascript Ext.MessageBox.alert("标题", "消息内容", function() { alert("对话框关闭后的操作"); }); ``` - **Ext.MessageBox.confirm()** confirm方法与alert类似，但增加了一个确认操作，用户可以选择“是”或“否”。回调函数会接收到用户选择的按钮值（'yes' 或 'no'）。 ```javascript Ext.MessageBox.confirm("标题", "询问消息", function(e) { alert(e === 'yes' ? '用户选择了是' : '用户选择了否'); }); ``` - **Ext.MessageBox.prompt()** prompt方法用于获取用户输入。它有两个额外的参数，一个是回调函数，另一个是是否启用多行文本输入。回调函数接收两个参数，分别是用户选择的按钮值（'ok' 或 'cancel'）以及用户输入的文本。 ```javascript Ext.MessageBox.prompt("标题", "请输入内容", function(e, text) { alert(e + "-" + text); }); ``` 多行输入可以设置为`true`，例如： ```javascript Ext.MessageBox.prompt("标题", "请输入内容", function(e, text) { alert(e + "-" + text); }, this, true); ``` - **Ext.MessageBox.show()** show方法是最灵活的，可以通过配置对象自定义对话框。可以定制标题、消息、按钮、图标、输入框等属性，并指定回调函数处理用户交互。 这些方法是ExtJs中与用户交互的基础，通过它们可以创建各种交互式的对话框，提高用户体验。学习和掌握这些基础知识对于初学者来说非常重要，能够快速理解并上手ExtJs框架。通过实践这些实例，可以深入理解ExtJs的事件处理和组件使用。