ExtJS 初始應用 ProgressBar
日期：2014-05-16 浏览次数：20364 次
ExtJS 初步應用 ProgressBar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>MyAjax1.jsp</title>
<link rel="stylesheet" type="text/css" href=“ext-2.3.0/resources/css/ext-all.css" />
<script type="text/javascript" src=“ext-2.3.0/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src=“ext-2.3.0/ext-all.js">
</script>
</head>
<body>
<script type="text/javascript">
function myProgressBar(){
//变量的使用方式 var ProgressBar=new Ext.ProgressBar({});
var myProgressBar = new Ext.ProgressBar({
text: 'working...',
width: 300,
applyTo: 'progressBar'
});
configureMyprogressBar(myProgressBar);//将刚刚声明的对象传过去。。
}
//配置我的myProgressBar
function configureMyprogressBar(myProgressBar){
var count=0;
var percentage=0;
var progressText='';
Ext.TaskMgr.start({
run:function(){
count++;
if(count>10){
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>MyAjax1.jsp</title>
<link rel="stylesheet" type="text/css" href=“ext-2.3.0/resources/css/ext-all.css" />
<script type="text/javascript" src=“ext-2.3.0/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src=“ext-2.3.0/ext-all.js">
</script>
</head>
<body>
<script type="text/javascript">
function myProgressBar(){
//变量的使用方式 var ProgressBar=new Ext.ProgressBar({});
var myProgressBar = new Ext.ProgressBar({
text: 'working...',
width: 300,
applyTo: 'progressBar'
});
configureMyprogressBar(myProgressBar);//将刚刚声明的对象传过去。。
}
//配置我的myProgressBar
function configureMyprogressBar(myProgressBar){
var count=0;
var percentage=0;
var progressText='';
Ext.TaskMgr.start({
run:function(){
count++;
if(count>10){
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
