开发者社区> 问答> 正文

如何使用进度条的插件来监控后台程序的运行进度?

现在我有一个需求

简单的说比如,jquery前台发送一个ajax给后台,后台开始执行一些方法,但是执行的时间不是固定的,有时候长有时候短,我不能叫前台客户干等着啊,所以给客户一个进度条去监控后台的执行进度。

之前也接触过类似的需求,各位大哥大姐们给个建议和思路,或者有什么插件可以使用的

谢谢大家了!

展开
收起
a123456678 2016-07-11 17:47:01 2638 0
1 条回答
写回答
取消 提交回答
  • 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 . . .]()

    2019-07-17 19:54:30
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务 立即下载
基于浏览器的实时构建探索之路 立即下载
ReactNative启动性能优化 立即下载