Ext進度條

來源:互聯網
上載者:User

一、基本文法操作<link rel="stylesheet" href="ext-3.2.1/resources/css/ext-all.css"/><script type="text/javascript" language="javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script><script type="text/javascript" language="javascript" src="ext-3.2.1/ext-all.js"></script><script type="text/javascript" language="javascript" src="ext-3.2.1/examples/shared/examples.js"></script><script type="text/javascript"> Ext.onReady(function(){   var pbar=new Ext.ProgressBar({     id:'pbar',     width:300,     renderTo:Ext.getBody()    });   pbar.wait({     interval:100,     increment:15,     duration:5000,     text:'載入中,請稍候...'    });   var btn=new Ext.Button({     text:'停止',     handler:function(){       pbar.reset();       pbar.updateText("強制結束");      },     renderTo:Ext.getBody()    });  });</script> 二、根據資料大小載入資料的進度條var pbar=new Ext.ProgressBar({     id:'pbar',     width:300,     renderTo:Ext.getBoyd()    });   var i=0;   var task={    run:function(){      i+=0.1;      pbar.updataProgress(i,"載入進度"+Math.random(i*100)+"%");      if(Math.round(i*100)==100){        pbar.updateText('載入完成');        Ext.TaskMgr.stop(task);       }     },     interval:500   }   Ext.TaskMgr.start(task);  });

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.