Communicate with included html (events, setting values)

asked 2021-02-25 20:15:05 +0800

assonaZkDev004
101 ● 2

Hi :-)

I included a static html page in a zul file (see code). Now I want to retrieve events (button click on "#button1") from inside the html-page back to ZK (via Composer) and setting some text back into the html (input "#testbox"). Is that possible?

ZUL:

<zk>
<window id="htmlwindow" apply="de.assona.jive.jnh.HtmlPageComposer">
    <textbox id="targetBox" name="targetBox" value="" width="150px" />
</window>
</zk>

html:

<div>
    <div align="center">
        <h1>Included</h1>
    </div>
    <p>html page</p>    
    <button id="button1" value="Val01" >Click me</button>   
    <input id="testbox" type="text">
</div>

composer:

public class HtmlPageComposer extends SelectorComposer<Component> {
...

    // wire components
    @Wire
    private Window htmlwindow;

    @Override
    public void doAfterCompose(final Component comp) throws Exception {
    super.doAfterCompose(comp);

    Include htmlinclude = new Include();
    htmlinclude.setSrc("/WEB-INF/examples/test.html");
    this.htmlwindow.appendChild(htmlinclude);
}

Thank you