Passing listitem context working in zk7 not zk8

asked 2015-12-17 04:11:27 +0800

rickcr
704 ● 7

updated 2015-12-17 14:35:41 +0800

Something seemed to have changed in ZK8 related to how I'm trying to use a reference to my listitem context.

I'm passing a reference of my listitem context to provide a right click popup on a listbox in an include file. The following worked just fine in ZK7, but in ZK8, the context popup never fires. (I don't see any errors showing up either, just no right click popup.) Any ideas if I'm doing something wrong? I'm stumped also since this zk fiddle works illustrating what I'm trying to do and it looks like it's using ZK8 so not sure went wrong. Maybe something I need in my ZK8 pom that I'm missing relative to Zk7 ?

UPDATED. I created the test case out on github here https://github.com/rickcr/zk-context

For reference here are the two zul files. Again, works in 7.0.4.. not in 8.0.0

<?page title="Context Test" ?>
<zk>
<vlayout apply="org.zkoss.bind.BindComposer" id="outerPage"
    viewModel="@id('vm') @init('net.learntechnology.example.viewmodel.OuterVM')" vflex="1" hflex="1" style="overflow:auto;">


    <groupbox hflex="1" mold="3d" closable="false" vflex="1">
        <caption  >
            <label value="@load(vm.title)"/>
        </caption>

        <vlayout id="itemsContainer" vflex="1" hflex="1">
            <menupopup id="itemsPopup" 
                   onOpen="@command('openContextMenu', open=event.open, item=event.reference.value)">
                <menuitem label="Edit Item" onClick="@command('editItem')" />
            </menupopup>

            <include mode="instant"  vflex="1" src="/pages/include.zul"
                contextMenuId="@ref(itemsPopup)"  />

        </vlayout>
    </groupbox>

</vlayout>
</zk>

include.zul

<vlayout apply="org.zkoss.bind.BindComposer" vflex="1" hflex="1"       style="overlap:auto"
     viewModel="@id('vm') @init('net.learntechnology.example.viewmodel.IncludeVM')">

<label context="@init(contextMenuId)" value="Context Menu Test"></label>

<listbox id="itemsList" model="@load(vm.items)" hflex="1" vflex="1">
    <listhead sizable="true">
        <listheader label="Name" align="left" width="250px"/>
    </listhead>

    <template name="model" var="item">
        <listitem
            context="@init(contextMenuId)"
            value="@load(item)">
            <listcell label="@load(item)"/>
        </listitem>
    </template>
</listbox>

</vlayout>