ZK 长时操作带进度条

LongProcess.zul:

<?xml version="1.0" encoding="UTF-8"?>
<window id="" border="normal">
    <button label="从1数到10000">
        <attribute name="onClick">
            String url = "/Progressmeter.zul";
            Window window = (Window)Executions.createComponents(url, null, null);
            window.doModal();
        </attribute>
    </button>
</window>

Progressmeter.zul:

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window id="progresswindow" title="进度条显示" border="normal" width="500px"
    apply="test.ImportUserProgressViewCtrl">
<vbox>
    <label id="progresslabel" value="正在处理中,请耐心等待……"/>
    <separator spacing="5px" />
    <progressmeter id="userprogress" width="400px" value="0"/>
</vbox>
</window>
</zk>

ImportUserProgressViewCtrl.java:

package test;

import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Desktop;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.util.GenericAutowireComposer;
import org.zkoss.zul.Label;
import org.zkoss.zul.Progressmeter;
import org.zkoss.zul.Window;

public class ImportUserProgressViewCtrl extends GenericAutowireComposer<Component>{

    private static final long serialVersionUID = 1L;

    private Window progresswindow;
    private Progressmeter userprogress;
    private Label progresslabel;

    @Override
    public void doAfterCompose(Component comp) throws Exception {
        // TODO Auto-generated method stub
        super.doAfterCompose(comp);

        // 启动进度条
        desktop.enableServerPush(true);
        Thread t1 = new Thread(new UserHandleThread(userprogress, progresswindow, progresslabel));
        t1.start();
    }

    class UserHandleThread implements Runnable {

        private Desktop dt;
        private Progressmeter pg;
        private Window win;
        private Label prglb;

        public UserHandleThread(Progressmeter watchpg, Window window, Label lb) {
            pg = watchpg;
            dt = watchpg.getDesktop();
            win = window;
            prglb = lb;
        }

        @Override
        public void run() {

                int rows = 10000;
                //作为进度条区域值标准
                int[] rowslarge = new int[10];
                rowslarge[0] = (int) (rows * 0.1) >= 0 ? (int) (rows * 0.1) : 0;
                rowslarge[1] = (int) (rows * 0.2) >= 0 ? (int) (rows * 0.2) : 0;
                rowslarge[2] = (int) (rows * 0.3) >= 0 ? (int) (rows * 0.3) : 0;
                rowslarge[3] = (int) (rows * 0.4) >= 0 ? (int) (rows * 0.4) : 0;
                rowslarge[4] = (int) (rows * 0.5) >= 0 ? (int) (rows * 0.5) : 0;
                rowslarge[5] = (int) (rows * 0.6) >= 0 ? (int) (rows * 0.6) : 0;
                rowslarge[6] = (int) (rows * 0.7) >= 0 ? (int) (rows * 0.7) : 0;
                rowslarge[7] = (int) (rows * 0.8) >= 0 ? (int) (rows * 0.8) : 0;
                rowslarge[8] = (int) (rows * 0.9) >= 0 ? (int) (rows * 0.9) : 0;
                rowslarge[9] = (int) (rows * 1)   >= 0 ? (int) (rows * 1)   : 0;

                try {
                    //从1数到10000
                    for (int i = 0; i <= rows; i++) {

                        if (i == rowslarge[0]) {
                            Executions.activate(dt);
                            pg.setValue(10);
                            prglb.setValue("已完成10%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[1]) {
                            Executions.activate(dt);
                            pg.setValue(20);
                            prglb.setValue("已完成20%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[2]) {
                            Executions.activate(dt);
                            pg.setValue(30);
                            prglb.setValue("已完成30%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[3]) {
                            Executions.activate(dt);
                            pg.setValue(40);
                            prglb.setValue("已完成40%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[4]) {
                            Executions.activate(dt);
                            pg.setValue(50);
                            prglb.setValue("已完成50%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[5]) {
                            Executions.activate(dt);
                            pg.setValue(60);
                            prglb.setValue("已完成60%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[6]) {
                            Executions.activate(dt);
                            pg.setValue(70);
                            prglb.setValue("已完成70%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        } else if (i == rowslarge[7]) {
                            Executions.activate(dt);
                            pg.setValue(80);
                            prglb.setValue("已完成80%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        }else if (i == rowslarge[8]) {
                            Executions.activate(dt);
                            pg.setValue(90);
                            prglb.setValue("已完成90%……");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        }else if (i == rowslarge[9]) {
                            Executions.activate(dt);
                            pg.setValue(100);
                            prglb.setValue("100%,导入成功,正自动关闭窗口,请稍等..");
                            Executions.deactivate(dt);
                            Thread.sleep(2000);
                        }
                    }
                    Executions.activate(dt);
                    win.detach();
                    Executions.deactivate(dt);
                } catch (Exception e) {
                    // TODO: handle exception
                }
        }
    }

}

最终效果如下:

时间: 2024-08-24 15:09:14

ZK 长时操作带进度条的相关文章

赵雅智_android多线程下载带进度条

progressBar说明 在某些操作的进度中的可视指示器,为用户呈现操作的进度,还它有一个次要的进度条,用来显示中间进度,如在流媒体播放的缓冲区的进度.一个进度条也可不确定其进度.在不确定模式下,进度条显示循环动画.这种模式常用于应用程序使用任务的长度是未知的. XML重要属性 android:progressBarStyle:默认进度条样式 android:progressBarStyleHorizontal:水平样式 progressBar重要方法 getMax():返回这个进度条的范围的

HTML5多图片拖拽上传带进度条

前言 昨天利用css2的clip属性实现了网页进度条觉得还不错,但是很多情况下,我们在那些时候用进度条呢,一般网页加载的时候如果有需要可以用,那么问题就来了,怎么才算整个加载完毕呢,是页面主要模块加载完毕,还是window.onload之后算呢,对这些方面,我真不敢随意回答,因业务需求而定,本文想要说的是在图片上传的时候用到的进度条. 效果展示 详细参考请移步至html5demo HTML5 新增的拖拽相关事件说明 1.ondragover 效果图演示是所看见的可以将文件不仅仅是图片拖拽到该di

Android UI组件进阶(1)——带进度条的按钮

Android UI组件进阶(1)--带进度条的按钮 本节引言: 这个系列是继Android UI组件实例大全后的进阶系列,在该系列中我们将进一步的学习 Android UI组件,建议阅读本系列前线学习下UI组件实例大全系列,掌握基本组件的使用; 当然你也可以直接学习本系列!好了,废话不多说,直接开始第一节吧!本节要演示的是: 带进度条的按钮!相信大家在360手机助手到看到这个东东吧: 本节要实现的就是下方这个点击后显示进度的按钮 效果图: 必备基础: 1.进度条的一些属性: backgroun

Struts2文件上传带进度条,虽然不是很完美

好久没有写东西,最近在做个项目,要用到文件h 传的,以前虽然也做上传,但是总觉得不好用 ,现在和队友合作做了一个带进度条的上传,觉得还行~~和大家分享一下. 首先说一下大概是这样实现的,在我们平时的上传表单里面,除了文件上传之外,也许还有其他的信息需要填写的,这样问题就来了:点击上传按钮之后,这个表单都封装并提交上去了,在上传完成后整个页面就跳转了.而且也不利于我们验证用户输入.很多人这样做的,把这2个操作分开,当然这样也行... 我们这样做:一个普通页面(可以用于填写所有信息的),一个文件上传

带进度条的文件上传

Ajax技术——带进度条的文件上传 1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能.在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条.运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上传的文件,注意文件不能超过50MB,否则系统将给出错误提示.选择完要上传的文件后,单击“提交”按钮,将会上传文件并显示上传进度. 2.技术要点 主要是应用开源的Common-FileUpload组件来

atitit.文件上传带进度条的实现原理and组件选型and最佳实践总结O7

1. 实现原理 1 2. 大的文件上传原理::使用applet 1 3. 新的bp 2 1. 性能提升---分割小文件上传,避免一次使用内存使用过大的 2 2. Uuid还是原来文件名称:: 2 3. 监听器频繁地被调用 2 4. 结合wz easyui 2 4. 选型 2 5. Uploadify::yash js+flash 3 6. commons-fileupload:: 3 7. COS这个工具O'Reilly公司 3 8. 大的文件上传组件总结 3 5. 林吧实现ui Ajax+jq

PHP+ajaxForm异步带进度条上传文件实例

在使用ajaxForm方法之前,首先需要安装form.js的插件,网上有: 一.首先说用法,ajaxForm可以接收0或1个参数,该参数可以是一个变量.一个对象或回调函数,这个对象主要有以下参数: var object= {                     url:url, //form提交数据的地址   type:type,   //form提交的方式(method:post/get)   target:target, //服务器返回的响应数据显示的元素(Id)号           

基于jQuery带进度条全屏图片轮播代码

基于jQuery带进度条全屏图片轮播代码.这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="pic"> <ul> <li style="background: url(images/bg1.jpg) center;"> <img src="images/con1.png"> <

带进度条的上传(Asp.net+MVC+Uploadify)

1.Uploadify简介 Uploadify是基于jQuery的一种上传插件,支持多文件.带进度条显示上传,在项目开发中常被使用. Uploadify官方网址:http://www.uploadify.com/ 2.ASP.NET MVC3中的使用Uploadify 搭建ASP.NET MVC3解决方案如下图,其中使用到的Uploadify为3.1版本: 1>.简单示例 _Layout.cshtml代码: <!DOCTYPE html> <html> <head>