Extjs updateProgress进度条的应用
类别:Web前端 浏览量:4869
时间:2013-10-15 Extjs updateProgress进度条的应用
Extjs updateProgress进度条的应用
用法概念
updateProgress( Number value, String progressText, String msg ) : Ext.MessageBox
更新一个进程样式的消息框的内容和进度条.只有相关的消息框通过Ext.MessageBox.progress创建的或者调用了Ext.MessageBox.show方法的进程: true.
参数:
value : Number
0和1之间的任何数 (默认0)
progressText : String
进度条里面的显示内容 (默认'')
msg : String
消息框主体内容被指定的消息代替 (默认没有定义)
Returns:
Ext.MessageBox
实例一
<script type="text/javascript">
Ext.onReady(function(){
var msgBox = Ext.MessageBox.show({
title:'提示',
msg:'动态更新的进度条和信息文字',
modal:true,
width:300,
progress:true
})
var count = 0;//滚动条被刷新的次数
var percentage = 0;//进度百分比
var progressText = '';//进度条信息
var task = {
run:function(){
count++;
//计算进度
percentage = count/10;
//生成进度条文字
progressText = '当前完成度:'+percentage*100+"%";
//更新信息提示对话框
msgBox.updateProgress(percentage,progressText,'当前时间:'+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));
//刷新10次后关闭信息提示框
if (count>10)
{
Ext.TaskManager.stop(task);
msgBox.hide();
}
},
interval:1000
}
Ext.TaskManager.start(task);
});
</script>
效果图:
实例二
Ext.MessageBox.progress("请等待", "数据处理进度...");
var fun = function (p) {
return function () {
if (p == 20) {
Ext.MessageBox.hide();
} else {
Ext.MessageBox.updateProgress(p / 20, '正在处理第' + p + '个,一共20个');
}
};
}
for (var i = 1; i <= 20; i++) {
setTimeout(fun(i), i * 1000);
}
效果图:
您可能感兴趣
- extjs table布局
- extjs中treegrid
- ExtJs常用代码片段
- extjs xtype的使用
- Extjs updateProgress进度条的应用
- Extjs中文乱码
- extjs Border边框布局
- Extjs msgTarget 提示位置
- ExtJs中getCmp、getDom、Get的区别
- extjs 日期控件
- ExtJs中XTemplate使用
- extjs card卡片式布局
- extjs中treepanel属性和方法
- extjs radiogroup赋值和取值
- extjs实现树形下拉框
- Extjs中FieldSet的收缩和展开
- 苹果自研芯片跑分对比 A16芯片排名靠后,M1系列霸榜(苹果自研芯片跑分对比)
- X86处理器的梦魇 苹果M1自研芯片到底有多强(苹果M1自研芯片到底有多强)
- 泰剧《爱欲之神》Boom kitkong和Great合体杂志(泰剧爱欲之神Boomkitkong和Great合体杂志)
- 素人恋爱综艺火药味十足 男生为赢得芳心集体扯头花,真是出好戏(素人恋爱综艺火药味十足)
- 《囧妈》为何受抵制 春节七部影片撤档背后的责任与博弈(囧妈为何受抵制)
- 提醒 2019年起河南驾考要开设科目五 官方回应来了(2019年起河南驾考要开设科目五)
热门推荐
- ui界面的测试用例(AmazeUI中模态框的实现)
- pythonfor循环如何遍历嵌套列表(在Python中,不用while和for循环遍历列表的实例)
- css3怎么创建圆角(CSS3中border-radius属性设定圆角的使用技巧)
- nginx最新配置(配置nginx 重定向到系统维护页面)
- php框架创建控制器代码(php连接sftp的作用以及实例代码)
- sqlserver索引实例(SQL Server索引的原理深入解析)
- js中parent和opener的区别
- python直接查询mongodb(pymongo中聚合查询的使用方法)
- pythonrequests怎么导入模块(Python3使用requests模块实现显示下载进度的方法详解)
- python中if条件语句如何使用(Python中如何使用if语句处理列表实例代码)