How to update progress-meter in zk when using mvvm

Question

    @GlobalCommand
    @Command
    @NotifyChange("*")
    public void makeProgress(){
        int progress = getProgress();
        if(progress == 100){
            return;
        }
        progress++;
            Thread.sleep(100); // do some part of time consuming work

        setProgress(progress);

        BindUtils.postGlobalCommand(null, null, "makeProgress", null);
    }

Zul

<window apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('com.javaBean')">
        <progressmeter value="@bind(vm.progress)" width="300px" />
        <button onClick="@command('makeProgress')"></button>
</window>

I want to keep the user updated with the % of work done. (I am using mvvm model)
So i created a progressmeter whose value is bind.
and a button , when click start the process.
In makeProgress() i do some part of work and post a command.

I am expecting it to show progress bar incremented by one after every 100 millisecond. But when i tried it the progress bar directly show 100% after 10 sec(100 ms wait * 100).

What am i missing ?

Or there is better approach to do this ?

found the right way to do it http://zkfiddle.org/sample/2nnnbu2/10-MVVM-and-server-push#source-1 — Bhuvan, Nov 19 '13 at 16:54

score 0 · Answer 1 · answered Dec 30 '13 at 22:38

Not sure if that worked.. If you need the progress bar to get updated automatically, you may have to use SelectorComposer instead of BindComposer. SelectComposer can push the data to the client. You can have timer running @interval and keep updating the data.

How to update progress-meter in zk when using mvvm

1 Answers1