How to pass a dynamic data as a argument of js function in .ZUL

answered 2015-08-05 12:24:58 +0800

Darksu
1991 ● 1 ● 4

Hello Jagannath,

I created the following code so that you can use as a reference:

Zul:

<zk>
    <script type="text/javascript">
        function doTest (code) {
          alert(code)
            zAu.send(new zk.Event(zk.Widget.$('$btn'), 'onTest', null), 10);
        }
    </script>
    <window apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('pkg$.TestVM2')">
        <div width="200px">
            <label value="@load(vm.msg)" style="width: 300px;" />
        </div>

        <button id="btn" label="test" onClick="@command('test')" />

    </window>
</zk>

Java:

package pkg$;


import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.NotifyChange;
import org.zkoss.zk.ui.util.Clients;
public class TestVM2 {
    private String _msg = "before test";

    public String getMsg() {
        return _msg;
    }

    @Command @NotifyChange("msg")
    public void test() {
        _msg = "Js Function test";

        String command = String.format("doTest('%s');", _msg);
        Clients.evalJavaScript(command);

    }



}

You just have to make so small changes to the code.

Best Regards,

Darksu