extjs 弹出窗口
来源:互联网 发布:软件著作权抵扣税 编辑:程序博客网 时间:2024/06/05 11:53
Ext.MessageBox.alert()
Ext.MessageBox.alert()提供一个OK按钮。对应JavaScript中的alert()。
定义:alert(
该函数有4个参数:
Title:窗口标题
Msg:弹出窗口内容
Fn:回调函数,在单击按钮或单击右上角的关闭图标X后执行。并且携带一个参数,即按钮的Id。
Scope:作用范围。
示例:
//alert
Ext.get("alert").on("click",function(){
});
<</span>input
在按钮alert上绑定click事件,单击时弹出alert窗口,单击OK按钮后,调用回调函数弹出按钮id。
单击alert按钮,
单击OK按钮,
单击右上角的X,则返回cancel。
24.2Ext.MessageBox.confirm()
选择对话框,提供一个Yes,一个No供用户选择是/否。对应JavaScript中的confirm()。
定义:
confirm(
该函数有4个参数:
Title:窗口标题
Msg:弹出窗口内容
Fn:回调函数,在单击按钮或单击右上角的关闭图标X后执行。并且携带一个参数,即按钮的Id。
Scope:作用范围。
示例:
//confirm
Ext.get("confirm").on("click",function(){
});
<</span>input
单击confirm按钮:
单击Yes返回yes;单击No返回No;单击X返回No。
24.3Ext.MessageBox.prompt()
用户可以输入内容,对应JavaScript中的prompt();
定义:
prompt(
参数:
Title:标题
Msg:内容
Fn:回调函数。
Scope:作用范围
Multiline:是否多行,默认单行。
Value:输入框的默认值。
24.3.1单行输入框
示例:
//prompt
Ext.get("prompt").on("click",function(){
<</span>input
单击prompt按钮:
单击OK返回OK,单击Cancel返回cancel,单击X返回cancel。
24.3.2多行输入框
24.3.2.1使用Ext.MessageBox.prompt()函数实现
多行输入对话框,将multiline设置为TRUE即可。
//prompt
Ext.get("prompt").on("click",function(){
<</span>input
24.4.2.2使用Ext.MessageBox.show()实现
使用ext.MessageBox.show()函数,我们可以自行定义弹出窗口。
Ext.MessageBox.show({
});
参数:
Title:标题
Msg:弹出窗口提示内容
Width:弹出窗口宽度
Value:弹出窗口输入框默认值
Buttons:弹出窗口按钮
Multiline:是否多行输入
Fn:回调函数。
24.4自定义对话框
在24.3.2.2中我们使用Ext.MessageBox.show()函数实现了能多行输入的提示窗口。
Show()函数中,buttons我们可以选择的按钮有:
CANCEL:cancel
OK:ok
OKCANCEL:ok and cancelbuttons
YESNO:yes and no buttons
YESNOCANCEL:yes、no、cancel buttons
弹出窗口的图标(icon):
ERROR:错误
INFO:消息
QUESTION:疑问
WARNING:警告
我们可以利用这些自定义按钮和图标。
例:
Ext.MessageBox.show({
});
效果:
24.5进度条
Ext.MessageBox提供了默认的进度条,只需要将progress设置为TRUE即可。
示例:
Ext.MessageBox.show({
});
效果:
但是,这样进度条是不会动的。
我们需要调用Ext.MessageBox.updateProgress()来更新进度条。
函数定义:
updateProgress(
24.5使用进度条保存数据
示例:
var
});
Progress.jsp:
String date =request.getParameter("date");
System.out.println(date);
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
Thread.sleep(5000L);
response.getWriter().write("数据保存成功!提交时间:"
在jsp中,暂停5S模拟操作数据库的过程,然后返回成功信息。
效果:
单击保存后:
后台返回数据后:
24.6Ext.Window
示例:
// Createtabs and add it into window
var
});
var
});
// Create awindow
varwindow=
});
Ext.get("window").on("click",function(){
});
效果:
- Extjs 弹出窗口
- extjs 右下角弹出窗口
- extjs 弹出窗口
- Extjs-弹出窗口 Ext.MessageBox
- Extjs-弹出窗口 Ext.Window
- ExtJs 查看图片 弹出窗口
- Extjs 弹出窗口文本框获得焦点
- EXTJS弹出窗口中文本输出错误信息
- ExtJs框架开发的弹出窗口问题
- 深入浅出ExtJS 第七章 弹出窗口
- 深入浅出ExtJS 第七章 弹出窗口
- ExtJS前端框架EXT弹出窗口事件
- extjs使用 iframe嵌入框,点击事件弹出窗口显示
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- 弹出窗口!
- 弹出窗口
- Ubuntu 12.10 安装运行 Office 2010
- UICollectionView基础
- mysql数据库报错:[ERROR] Fatal error: Can't open and lock privilege tables: Table 'mysql.host' doesn't exi
- 简单理解Memcached的Slab Allocation
- 类成员函数中const的使用
- extjs 弹出窗口
- Shell整理(持续更新中)
- Paint Fence
- 实现智能指针
- Android小程序——乐学成语实现(一)
- 从自定义AlertDialog中获取EditText中的文本解决办法
- const用法详解
- 51nod 1267 4个数和为0
- some useful ffmpeg commands