一个相当不错的extjs入门文档,整个ext的控件,上边很多实例。有助于新手学习。
EXTJS是一个强大的JavaScript库,特别适用于构建富客户端应用程序。它的组件化设计和丰富的用户界面控件使其在开发桌面级Web应用时非常受欢迎。本文将详细介绍EXTJS中的EXT.MessageBox组件,这是EXTJS提供的一种用于弹出提示、确认和输入对话框的工具,对于新手学习EXTJS极其有用。 1. **EXT.MessageBox.alert()** `EXT.MessageBox.alert()` 方法用于创建一个简单的警告对话框,包含一个标题、一条消息和一个可选的回调函数。标题和消息是必需的参数,回调函数会在用户点击对话框的确定按钮后执行。例如: ```javascript Ext.MessageBox.alert("标题", "消息"); Ext.MessageBox.alert("标题", "消息", function() { alert("关闭对话框后弹出!"); }); ``` 2. **EXT.MessageBox.confirm()** 类似于`alert()`,`EXT.MessageBox.confirm()` 用于创建一个确认对话框,提供“是”和“否”两个选项。回调函数的参数e代表用户选择的按钮值,可以是"yes"或"no"。例如: ```javascript Ext.MessageBox.confirm("标题", "消息", function(e) { alert(e); }); ``` 3. **EXT.MessageBox.prompt()** `prompt()` 方法允许用户输入文本,具有四个参数,包括一个可选的多行参数。回调函数接收两个参数:用户点击的按钮值和输入的文本。例如: ```javascript Ext.MessageBox.prompt("标题", "消息"); Ext.MessageBox.prompt("标题", "消息", function(e, text) { alert(e + "-" + text); }, this, true); // true表示多行输入 ``` 4. **EXT.MessageBox.show()** 最灵活的方法是`show()`,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框和进度条等。例如: ```javascript Ext.MessageBox.show({ title: "标题", msg: "内容的消息", buttons: {"ok": "我不再显示 OK 了"}, fn: function(e) { alert(e); }, animEl: "test1", }); ``` - `animEl`可以指定动画效果的元素。 - `buttons`可以自定义按钮的文字和类型,例如只显示自定义的“ok”按钮。 - `closable`可以控制是否显示关闭按钮。 - `icon`可以设置对话框前的图标,如INFO、ERROR、WARNING和QUESTION。 - `width`可以设定对话框宽度。 - `prompt`和`multiline`用于添加输入框,`prompt`为真则显示,`multiline`为真则输入框为多行。 EXTJS的EXT.MessageBox组件提供了丰富的交互式对话框功能,使得开发者能够轻松地创建用户友好的提示和反馈机制。理解并熟练运用这些方法,可以帮助新手快速掌握EXTJS的基本用法,并进一步提升其在实际项目中的应用能力。在实际开发中,可以根据需求灵活组合和配置这些方法,以实现各种复杂的对话框效果。
剩余63页未读,继续阅读
- 粉丝: 0
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助