ExtJs4 笔记(6) Ext.MessageBox 消息对话框
2012-09-25 15:24
288 查看
本篇演示消息对话框的用法,ExtJs封装了可能用到的各类消息框,并支持自定义的配置。
如下是用到的html:
[html]
?
展示一个带“是”,“否”按钮的确认对话框。当单击按钮时,执行回调函数,获取按钮类型,并弹出一个警告对话框。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120412591727.jpg)
![](http://pic002.cnblogs.com/images/2011/99414/2011120412594967.jpg)
展示一个带文本框的对话框,可以供用户录入。单击按钮后可以获取文本框的内容。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120413004925.jpg)
展示一个自定义的对话框,可以定义图标样式,按钮组的类型,是否带文本框,是否带进度条等信息。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120413013730.jpg)
展示一个带加载进度条的对话框,提示当前执行任务的进度信息。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120413030466.jpg)
展示等待进度条的对话框,提示用户当前正在等待某一任务执行。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120413041340.jpg)
这里演示基本的等待对话框的实现方式。
[Js]
?
效果展示:
![](http://pic002.cnblogs.com/images/2011/99414/2011120413043318.jpg)
作者:李盼(Lipan)
出处:[Lipan] (http://www.cnblogs.com/lipan/)
版权声明:本文的版权归作者与博客园共有
如下是用到的html:
[html]
?
一、警告对话框和确认对话框
展示一个带“是”,“否”按钮的确认对话框。当单击按钮时,执行回调函数,获取按钮类型,并弹出一个警告对话框。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120412591727.jpg)
![](http://pic002.cnblogs.com/images/2011/99414/2011120412594967.jpg)
二、输入对话框
展示一个带文本框的对话框,可以供用户录入。单击按钮后可以获取文本框的内容。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120413004925.jpg)
三、自定义DIY对话框
展示一个自定义的对话框,可以定义图标样式,按钮组的类型,是否带文本框,是否带进度条等信息。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120413013730.jpg)
四、加载进度条对话框
展示一个带加载进度条的对话框,提示当前执行任务的进度信息。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120413030466.jpg)
五、等待进度条对话框
展示等待进度条的对话框,提示用户当前正在等待某一任务执行。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120413041340.jpg)
六、基本的等待对话框
这里演示基本的等待对话框的实现方式。[Js]
?
![](http://pic002.cnblogs.com/images/2011/99414/2011120413043318.jpg)
作者:李盼(Lipan)
出处:[Lipan] (http://www.cnblogs.com/lipan/)
版权声明:本文的版权归作者与博客园共有
相关文章推荐
- [转载]ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记 Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
- ExtJS Ext.MessageBox.alert()弹出对话框详解
- [转载]ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- 鱼c笔记——Python的GUI编程(十七):Tkinter的标准对话框模块messagebox 、filedialog 和 colorchooser
- MsgBox-自定义消息对话框控件(非重写MessageBox)
- 消息对话框(MessageBox)用法介绍
- 实用ExtJS教程100例-003:进度条对话框Ext.MessageBox.progress
- [转载]ExtJs4 笔记(7) Ext.tip.ToolTip 提示
- ExtJs4 笔记(13) Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更
- Ext教程连载 - MessageBox对话框
- Ext.MessageBox消息框
- 消息对话框(MessageBox)
- C#中的MessageBox消息对话框