ExtJs2.0入门教程:MessageBox、confirm与prompt方法详解
本篇资源是关于ExtJs2.0学习系列的文章,旨在帮助初学者掌握这款流行的JavaScript UI库的基础知识。作者认识到在刚开始接触ExtJs时可能会遇到挑战,因此通过一系列教程来简化入门过程,特别强调了ExtJs在后台开发中的优点,其布局设计被赞赏为精美。 首先,文章介绍了`Ext.MessageBox`的核心方法,这是ExtJs中用于交互式对话框的基本工具: 1. `Ext.MessageBox.alert()` 方法:这是最基本的消息提示,至少需要两个参数,标题(title)和消息文本(msg)。可选的第三个参数是一个回调函数,当用户关闭对话框时会被调用。例如,`Ext.MessageBox.alert("标题", "消息", function() { alert("关闭后弹出!"); })`。 2. `Ext.MessageBox.confirm()` 方法与`alert()`类似,但多了一个确认操作。确认按钮的值可以通过参数`e`获取,如`Ext.MessageBox.confirm("标题", "msg", function(e) { alert(e); })`,`e`的值可以是`yes`、`no`或`cancel`。 3. `Ext.MessageBox.prompt()` 方法允许用户输入反馈,包含六个参数:标题、消息、回调函数和可选的返回值及多行模式。示例中,用户输入的值和点击的按钮值会在回调函数中显示,如`Ext.MessageBox.prompt("标题", "msg", function(e, text) { alert(e + "-" + text); })`。 4. `Ext.MessageBox.show()` 方法提供了更强大的定制性,采用配置对象的形式。常见的配置选项包括`animEl`用于指定动画效果,`buttons`用于定义对话框中的按钮类型,以及是否支持多行输入等。例如,`animEl: 'id1'`会让对话框从id1元素处弹出并带动画效果。 通过这些讲解,读者可以了解到如何在实际开发中有效地使用ExtJs的MessageBox组件进行用户交互,这对于理解和构建丰富的前端界面至关重要。继续深入学习这一系列教程,读者将能逐步掌握ExtJs 2.0框架的其他组件和特性,从而提升自己的前端开发技能。
![](https://csdnimg.cn/release/download_crawler_static/1668992/bgb.jpg)
![](https://csdnimg.cn/release/download_crawler_static/1668992/bgc.jpg)
![](https://csdnimg.cn/release/download_crawler_static/1668992/bgd.jpg)
剩余63页未读,继续阅读
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 0
- 资源: 1
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- Hadoop生态系统与MapReduce详解
- MDS系列三相整流桥模块技术规格与特性
- MFC编程:指针与句柄获取全面解析
- LM06:多模4G高速数据模块,支持GSM至TD-LTE
- 使用Gradle与Nexus构建私有仓库
- JAVA编程规范指南:命名规则与文件样式
- EMC VNX5500 存储系统日常维护指南
- 大数据驱动的互联网用户体验深度管理策略
- 改进型Booth算法:32位浮点阵列乘法器的高速设计与算法比较
- H3CNE网络认证重点知识整理
- Linux环境下MongoDB的详细安装教程
- 压缩文法的等价变换与多余规则删除
- BRMS入门指南:JBOSS安装与基础操作详解
- Win7环境下Android开发环境配置全攻略
- SHT10 C语言程序与LCD1602显示实例及精度校准
- 反垃圾邮件技术:现状与前景
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)