Include a page from client side

answered 2015-08-13 08:55:43 +0800

vincentjian
2245 ● 6

No, you can't change the include source from client side. Is there any reason that this need to be done from client?

answered 2015-08-24 08:22:03 +0800

cyiannoulis
1201 ● 10

updated 2015-08-26 08:46:04 +0800

Actually you can do it quite easily. Of course zk is server-based so the client request must be forwarded in some way to the server but this can be done transparently using a simple user event. Check the following snippets:

A main page:

<window border="none" height="100%" width="100%"
        xmlns:w="client"
        apply="org.zkoss.bind.BindComposer" 
        viewModel="@id('vm') @init('test.IndexVM')">

<button label="Include A" w:onClick="include('A.zul')" />
<button label="Include B" w:onClick="include('B.zul')" />

<include id="container" src="@load(vm.includePagePath)" 
    onInclude="@command('set-include-src', path=event.getData())" />

<script type="text/javascript">
<![CDATA[

    function include(path) {
        zAu.send(new zk.Event(zk.Widget.$('$container'), 'onInclude', path));
    }

]]></script>

</window>

And a simple view model command which changes the 'src' attribute of the include page:

@Command("set-include-src")
@NotifyChange("includePagePath")
public void onSetIncludeSrc(@BindingParam("path") String path) {
    includePagePath = path;
}

This is a very simple example how to listen for native js events and then post custom events to any of your zul widgets.

hope that helps

Costas