- 浏览: 170166 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (90)
- web前端 (23)
- java (30)
- 其它 (7)
- jbpm4.4 (1)
- 服务器 (2)
- 数据库 (11)
- J2se (1)
- 812202 (0)
- access sql (1)
- 数据库管理工具 (1)
- smartupload (1)
- win7 控制台窗口已停止工作 (1)
- xfire spring web service (1)
- 免安装版本 tomcat 后台启动 设置 (1)
- js 处理日期类型 (1)
- input 自动填充 (1)
- android 连接webservice (2)
- tomcat 直接通过IP访问web项目 (1)
- svn 修改历史日志 (1)
- java 设计模式之适配器 (1)
- android 程序日志记录 (3)
- Win7 电脑突然USB无法识别 方法记录 (1)
- java 实现图片缩略 (1)
- android 更多,刷新 (3)
- access 导入mysql (1)
- java 加密,解密 (0)
- 闪回数据 (1)
- extjs 弹出进度条 (1)
- JSP 绝对路径显示服务器非webapps下的图片或资源 (0)
- html 制作彩信未完 (1)
- android 2.2 api (1)
- java 反射 (1)
- jquery 购物车 (1)
最新评论
-
masuweng:
oracle 迁移 sqlite -
nanjiwubing123:
你好 ,在IE6环境下运行demo,出现dhtmlXTreeO ...
dhtmlxtree 右键菜单的增加,删除,修改 -
李_俊:
呃,那么复杂,果断无视,找一个简单的。
java 源码混淆器 -
shanshan518:
兼容性不好,还有没有精确到秒,楼主
精确到秒的js日期时间选择器 -
mynamelzk:
日期时间选择器非常好用,谢谢你了
日期选择器,中文
来个图片
<!-- 页面加载时弹出一个进度条,10秒后自动关闭 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'listener.jsp' starting page</title> <!-- 需要引入的ext对象 --> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ }); function dd() { var msgBox = Ext.MessageBox.show({ title:'提示', msg:'动态更新的进度条和信息文字', modal:true, width:300, progress:true }) var count = 0;//滚动条被刷新的次数 var percentage = 0;//进度百分比 var progressText = '';//进度条信息 Ext.TaskMgr.start({ run:function(){ count++; //刷新10次后关闭信息提示对话框 if(count > 10){ count = 0; //msgBox.hide(); } //计算进度 percentage = count/10; //生成进度条文字 progressText = percentage*100 + "%"; //更新信息提示对话框 msgBox.updateProgress(percentage,progressText, '当前时间:'+new Date().format('Y-m-d g:i:s A')); }, interval:1000 }); } </script> </head> <body> <button onclick="dd();">click</button> </body> </html>
1:下面来自转载
http://blog.csdn.net/wangdingbang/article/details/6281331
来个图片
进度条经常应用到需要用户等待某一操作完成的场景。在执行一些比较耗时的操作时,我们需要用它来提示用户耐心等待。Ext.MessageBox为我们提供了默认的进度条,只要将progress参数设为true,对话框中就会出现进度条,如下面的代码所示:
- Ext.MessageBox.show({
- title:'请等待',
- msg:'数据读取中……',
- width:240,
- progress:true,
- closable:false
- });
也可以使用Ext.MessageBox提供的progress函数,如下面的代码所示:
- Ext.MessageBox.progress('请等待',msg:'读取数据中……');
我们已经得到了进度条,但是他的状态不会发生变化(自动向前推进),我们需要调用Ext.MessageBox.update-Progress()函数让进度条状态发生变化。通常我们还会使用closable:false来隐藏右上角的关闭按钮,从而禁止用户关掉进度条。
现在,为上边的例子添加更新进度条的功能,我们使用timeout定时器对进度条进行修改,进度条的状态会随时间而变化,10秒以后进度条对话框将会隐藏,代码如下边所示:
- var f=function(v){
- return function(){
- if (v==11){
- Ext.MessageBox.hide();
- }else{
- Ext.MessageBox.updateProgress(v/10,'正在读取第'+v+'个,一共10个。');
- }
- };
- };
- for(var i=1;i<12;i++)
- {
- setTimeout(f(i),i*1000);
- }
除了这种可以精确地控制进度的进度条,我们还可以使用一种可以自动控制变化的进度条提示框,这是需要使用:Ext.MessageBox.wait()。
- Ext.MessageBox.wait('请等待',msg:'数据读取中……');
这是弹出的对话框的进度条就会自动的向前推进了,不过我们无法对进度条的值进行精确地控制,如果等待的时间过长,进度条满格之后又会从零开始向前推进。根据具体情况选择使用Ext.MessageBox.progress()或 Ext.MessageBox.wait()。
发表评论
-
html 制作彩信未完
2012-07-04 19:39 1114<!DOCTYPE html PUBLIC ... -
android 更多,刷新
2012-03-09 09:44 969转载http://06peng.com/read.php/55 ... -
svn 修改历史日志
2012-02-20 11:29 1441转载:http://hi.baidu.com/tsd3698/ ... -
tomcat 直接通过IP访问web项目
2012-02-19 12:28 47791:在开发时访问web项目是这样的http://localho ... -
android 连接webservice
2012-02-17 09:49 11131,jar 2: String namespace=&q ... -
input 自动填充
2011-12-18 15:04 1664<!DOCTYPE html PUBLIC " ... -
smartupload
2011-10-18 09:20 1325转载 上传下载组件SmartUpload使用方法 本篇将讲 ... -
dsfdsfdsf
2011-05-02 18:10 883d -
常用JS 方法
2011-04-22 17:26 1070/** *等待的提示 1-显示 0-不显示 * ... -
精确到秒的js日期时间选择器
2011-04-12 08:44 8299图片 <script type=&quo ... -
web 图片放大镜
2011-04-11 11:28 830web 图片放大镜 -
打印图片
2011-04-09 10:12 885<!DOCTYPE HTML PUBLIC " ... -
JS 复制指定的页面中图片
2011-04-09 10:11 1523<!DOCTYPE HTML PUBLIC " ... -
extjs treepanel 右键菜单实现
2011-04-08 18:16 5223效果图:1: 2: 3: 1:html页面 < ... -
vb6.0 做的ocx 安全接口
2011-02-11 10:50 1849我在做这个OC X时遇到的问题给大家共享一下, 首先共同的我 ... -
svn2
2011-01-04 13:31 1174安装独立服务器 SVNServer ... -
dwr 使用
2010-12-19 14:33 798转载 http://returnofking.iteye.co ... -
dtrees配置
2010-10-14 17:04 794转http://www.itstudy.cn/www/arti ... -
javascript xml为数据源的下拉框
2010-10-10 09:17 939页面代码: <html> <head&g ... -
Javascript 中的false,零值,null,undefined和空字符串对象
2010-10-09 11:50 1264转http://www.imkevinyang.com/200 ...
相关推荐
extjs 进度条的显示
EXTJS 点击按钮弹出窗体 可根据实际需求更改
extjs弹出框 n秒后消失 信息可以自定义 时间可以自己定 extjs弹出框 n秒后消失 信息可以自定义 时间可以自己定
修改过的Ext.MessageBox.prompt方法,可直接调用,对输入的文字加密,适合做密码验证框
extjs的java版本的上传文件进度条
ExtJs实现进度条实例,供大家一起参考学习。
使用Ext进度条界面,vs2005+Ajax异步轮询,真正显示服务器的进度。
一款ExtJS的带进度条的多文件上传和图片预览,此项目不仅可同时上传多个文件,且上传过程中带进度显示,上传完成后还有相关图片的预览……
ExtJS_可编辑Grid进度条,可编辑,随意输入数值,根据进度情况变色的Grid列嵌入式滚动条.
ExtJs实现进度条实例.htmExtJs实现进度条实例.htmExtJs实现进度条实例.htmExtJs实现进度条实例.htm
ExtJS ASP.NET实现真实的进度条显示服务器端长时间操作
extjs+swfupload实现多文件上传下载删除带进度条 可以实现多文件上传
点击上传弹出上传对话框extjs+strust2.rar 点击上传弹出上传对话框extjs+strust2.rar
ExtJs框架系列之ProgressGrid进度条
Extjs界面设计器,可以根据可视化的设计界面,通过拖动组件和修改属性的方法,生成Extjs脚本,对于Extjs开发有很大的帮助,
ExtJS4多文件上传,可单独对每个文件进行管理,有进度条。
做Extjs开发中,往往后台程序可能要执行一段时间才能得到返回结果,加入进度条可以提高客户体验度,以下为两种便捷的方式: 1.提交数据前用Ext.Msg.wait(‘提示’,’正在处理数据,请稍候’);弹出等待条,数据处理...
Extjs+java+swf多文件上传进度条显示项目 采用了swf插件 后端使用java servlet 项目简单使用 页面美观,希望能多交流
ExtJs实现网页进度条实例,我觉得还不错