Ext.MessageBox.show()的用法及参数配置
类别:Web前端 浏览量:3731
时间:2013-10-8 Ext.MessageBox.show()的用法及参数配置
Ext.MessageBox.show()的用法及参数配置Ext.MessageBox.show()方法给了我们控制信息提示框的各种可能性.
show ( Object config
) : Ext.MessageBox
参数很多,在此列举最常用的配置参数:
2.buttons:弹出框按钮的设置,主要有以下几种:
Ext.Msg.OKCANCEL,
Ext.Msg.CAMCEL,
Ext.Msg.YESNO,
Ext.Msg.YESNOCANCEL
你也可以自定义按钮上面的字:{"ok","我本来是ok的"}。
若设为false,则不显示任何按钮.
3.closable:如果为false,则不显示右上角的小叉叉,默认为true。
4.msg:"消息的内容"
5.title:"标题"
6.fn:关闭弹出框后执行的函数
7.icon:弹出框内容前面的图标,取值为
Ext.MessageBox.ERROR,
Ext.MessageBox.WARNING,
Ext.MessageBox.QUESTION
8.width:弹出框的宽度,不带单位
9.prompt:设为true,则弹出框带有输入框
10.multiline:设为true,则弹出框带有多行输入框
11.progress:设为true,显示进度条,(但是是死的)
12.progressText:显示在进度条上的字
13.wait:设为true,动态显示progress
14.waitConfig:配置参数,以控制显示progress
一个简单的实例:
Ext.MessageBox.show({
title:"标题",
msg:"内容的消息",
buttons:{"ok":"我不再显示OK了"},
fn:function(e){alert(e);},
animEl:"test1",
width:500,
icon:Ext.MessageBox.INFO,
closable:false,
progress:true,
wait:true,
progressText:"进度条"
// prompt:true
// multiline:true
});
Ext.MessageBox.show()中的进度条的使用
首先必须知道例外两个方法 Ext.MessageBox.hide()和Ext.MessageBox.updateProgress(value,"ProgressText","msg")(三个参数,看名字就知道意思),注意value为0-1之间的数,表示进度条的进度.
第一种:(通过进度的大小控制进度,满进度为1)
Ext.get("btn1").on(
"click",
function(){
Ext.MessageBox.show({
title:"df",
msg:"dfd",
progress:true,
width:300,
closable:true
});
var f=function(v){
return function(){
if(v==12)
{
Ext.MessageBox.hide();
//alert("加载完成!");
}
else
{
var i=v/11;
Ext.MessageBox.updateProgress(i,Math.round(100*i)+"% completed",i);
}
}
}
for(var i=1;i<13;i++)
{
setTimeout(f(i),i*500);//从点击时就开始计时,所以500*i表示每500ms就执行一次
}
}
);
效果图
第二种:(通过固定时间控制进度加载)
Ext.get("btn1").on(
"click",
function(){
Ext.MessageBox.show({
title:"时间进度条",
msg:"5s后关闭进度框",
progress:true,
width:300,
wait:true,
waitConfig:{
interval:600,
duration:5000,
fn:function(){
Ext.MessageBox.hide();//让进度条消失
}},
closable:true
});
//setTimeout(function(){Ext.MessageBox.hide()},5000);
}
);
效果图
您可能感兴趣
- extjs radiogroup赋值和取值
- extjs table布局
- extjs accordion折叠布局
- extjs实现树形下拉框
- extjs anchor 锚点布局
- extjs多选下拉框
- Extjs msgTarget 提示位置
- ExtJs中怎么上传文件
- Extjs中FieldSet的收缩和展开
- extjs中treepanel属性和方法
- Extjs updateProgress进度条的应用
- extjs card卡片式布局
- ExtJs中XTemplate使用
- extjs tabPanel的用法
- extjs xtype的使用
- extjs XTemplate的实例
- 关于队徽 你了解这些么 二(关于队徽你了解这些么)
- 冬天来了手脚冰凉 真不是因为上辈子你是折翼的天使(冬天来了手脚冰凉)
- 0 1 岁婴儿最强作息指南,照着做养出天使宝宝(01岁婴儿最强作息指南)
- 沪上这16所高校 萌新 礼包开箱 哪一款让你心动(沪上这16所高校萌新)
- 她救了被绑架的他,而这一切竟是一场阴谋...(她救了被绑架的他)
- 冬季养殖这6种阴生植物,方便又好养,你家有么(冬季养殖这6种阴生植物)
热门推荐
- php怎样创建新文件详情(php文件后缀不强制为.php的实操方法)
- 如何编写更好的CSS
- apache 配置域名(apache 二级域名解析 window与linux)
- html中table怎么用(详解CSS的table-layout属性的用法)
- SQLServer数据库从高版本降级到低版本实例详解(SQLServer数据库从高版本降级到低版本实例详解)
- js手写数组去重(JS对象数组去重的3种方法示例及对比)
- dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法(dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法)
- C#中is、as的区别
- opencv 图像匹配python(OpenCV+Python识别车牌和字符分割的实现)
- 宝塔面板防火墙是自动开的吗(宝塔面板开启隐藏的 waf 防火墙的方法)