现在我有一个需求
简单的说比如,jquery前台发送一个ajax给后台,后台开始执行一些方法,但是执行的时间不是固定的,有时候长有时候短,我不能叫前台客户干等着啊,所以给客户一个进度条去监控后台的执行进度。
之前也接触过类似的需求,各位大哥大姐们给个建议和思路,或者有什么插件可以使用的
谢谢大家了!
Ext.MessageBox.show()中的进度条的使用
首先必须知道例外两个方法 Ext.MessageBox.hide()和Ext.MessageBox.updateProgress(value,"ProgressText","msg")(三个参数,看名字就知道意思),
注意value为0-1之间的数,表示进度条的进度.
第一种:(通过进度的大小控制进度,满进度为1)
Extjs中进度条的应用 - ggmm21@126 - 我的博客代码
1 function Read4() { 2 var progressBar=Ext.Msg.show({ 3 title:"标题", 4 msg:"通过进度的大小来控制进度", 5 progress:true, 6 width:300 7 }); 8 var count=0; 9 var bartext=""; 10 var curnum=0; 11 Ext.TaskMgr.start({ 12 run:function () { 13 count++; 14 if (count>=10) { 15 progressBar.hide(); 16 } 17 curnum=count/10; 18 bartext=curnum*100+"%"; 19 progressBar.updateProgress(curnum,bartext); 20 }, 21 interval:1000 22 }) 23 }
第二种:(通过固定时间控制进度加载)
Extjs中进度条的应用 - ggmm21@126 - 我的博客代码
1 function Read5() { 2 var progressBar=Ext.Msg.show({ 3 title:"标题", 4 msg:"通过固定时间完成进度", 5 width:300, 6 wait:true, 7 waitConfig:{interval:500,duration:5000,fn:function () { 8 Ext.Msg.hide(); 9 }}, 10 closable:true 11 }); 12 // setTimeout(function () { 13 // Ext.Msg.hide(); 14 // },5000); 15 }
查看效果:
![Uploading screenshot . . .]()
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。