首页 > 代码库 > ExtJs--03--几个进度条代码,可以看看
ExtJs--03--几个进度条代码,可以看看
/* * //通过固定时间完成进度条,即:伪进度条 Ext.onReady(function () { var progressBar = Ext.Msg.show({ title: "进度条", msg: "通过固定时间完成进度", width: 300, wait: true, waitConfig: { interval: 500, duration: 5000, fn: function () { Ext.Msg.hide(); } }, closable: false }); }); */ /* * //进度条 //updateProgress( Number value, String progressText, String msg ) 参数说明: value : Number 0和1之间的任何数 (默认0) progressText : String 进度条里面的显示内容 (默认'') msg : String 消息框主体内容被指定的消息代替 (默认没有定义) Ext.onReady(function(){ var configs = { title:"安装进度条", progress:true, width:600, closable:false, msg:"正在安装 ... " }; Ext.Msg.show(configs); var fn_progressbar = function(v){ return function(){ if(v==12){ Ext.Msg.hide(); }else{ var i = v/11; Ext.Msg.updateProgress(i,Math.round(i*100)+"%已完成!",i); } } } for(var i = 1 ; i < 13 ; i ++){ setTimeout(fn_progressbar(i),i*500); } });*/ /* * 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); }); */ Ext.onReady(function(){ 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--03--几个进度条代码,可以看看
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。