Question

以下是供参考的zul文件

<?page title="MVVM Tree POC"?>
<zk>
    <borderlayout height="800px">
        <west size="25%"></west>
        <center>
            <window apply="org.zkoss.bind.BindComposer"
                viewModel="@id('vm') @init('com.nagarro.viewmodel.TreeViewModel')"
                title="Dynamic Tree" border="normal">
                <tree checkmark="true" model="@bind(vm.treeModel)"
                    onSelect="@command('select')" >
                    <template name="model" var="node" status="s">
                        <treeitem checkable="@load(node.checkable)"
                            open="true">
                            <treerow style="text-align:center;">
                                <treecell
                                    label="@bind(node.data.firstName)" style="text-align:left;">
                                </treecell>
                            </treerow>
                        </treeitem>
                    </template>
                </tree>

            </window>
        </center>
    </borderlayout>
</zk>

树标记中有一个“onSelect”事件，并且只有一些treeItems的复选框。 现在，我想在选中其复选框时为相应的树行创建某些组件，例如组合框。我正在尝试使用树的onSelect事件，但问题是我需要通过我无法传递的所选复选框的引用，因为onSelect事件被保留在模板的范围之外，通过该范围呈现treeItems。还有其他方法可以做我想做的事吗

这是我通过上述zul文件获得的page。

我想知道选中了哪个复选框？

Answer 1

您可以在每个事件上传递任何参数（来自ZK docs）：

<button label="Delete" onClick="@command('delete', item=item)"/>

并在您的java代码中使用此参数：

@Command
public void delete(@BindingParam("item") Item item ) {
    //do some stuff based on what item you've picked
}

在你的情况下，我将onSelect-Event从Tree-Component移动到Treeitem，如下所示：

<tree checkmark="true" model="@bind(vm.treeModel)">
                        <template name="model" var="node" status="s">
                            <treeitem checkable="@load(node.checkable)"
                                open="true" onSelect="@command('select', nameParameter=node.data.firstName">
                                <treerow style="text-align:center;">
                                    <treecell
                                        label="@bind(node.data.firstName)" style="text-align:left;">
                                    </treecell>
                                </treerow>
                            </treeitem>
                        </template>
                    </tree>

并在@ Command-method中使用参数：

@Command
public void select(@BindingParam("nameParameter") String nameParameter ) {
    System.out.println(nameParameter + " selected");
}

有关详细信息，请参阅ZK MVVM > Advance > Parameter Docs

Answer 2

这是我经常遇到的问题。我的解决方案一直是将数据附加到组件本身;将数据库实体的id或对象本身保留在复选框上，以便在事件期间进行检索。

checkbox.setAttribute("myAttributeName", myAttributeValue);

这需要使用强制转换来检索，这是不幸的，但是通过一些最佳实践，您可以自信地进行检索。

我想使用通过MVVM呈现的ZK树的onSelect事件

2 个答案: