(4)ExtJS之进度条ProgressBar
2014-02-25 12:51
495 查看
005_progressbar.js:
JSP页面:
Ext.onReady(function(){ var ProgressBar=new Ext.ProgressBar({ text:'working...', width:300, renderTo:Ext.getBody() }); ProgressBar.wait({ duration:10000, interval:1000, increment:10, text:'waiting', scope:this, fn:function(){ alert('更新完毕'); } }); });
JSP页面:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- extjs的样式文件 --> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="base/005_progressbar.js"></script> </head> <body><%-- <input type="button" id="btn" value="点击" /> --%></body> </html>
相关文章推荐
- (3)ExtJS之定义类与继承
- (2)ExtJS之Function函数的三种表示形式
- JS倒数计时器
- js 倒数计时器
- javascript 同步加载与异步加载
- JS window对象的top、parent、opener含义
- 关于Json传递的日期/Date(数字)/解析
- 可编辑表格,ajax编辑表格 js
- 代码演示神器——jsfiddle
- newtonsoft.json解析天气数据出错解决方法
- 点击登录按钮弹出登录层(HTML+JS)
- Js排序
- JSP的内置对象
- JS设定输入框只能输入数字,小数和字母等的正则表达式
- JSP指令与动作指令
- js--docement对象的几个getElementBy~()方法
- 精通JS正则表达式(推荐)
- 根据生日的月份和日期,一行代码计算星座的js小函数(最简)
- ie下面用iframe实现图片上传,返回json格式时提示打开或保存。
- jsp基础语法三: