以下是供参考的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。
我想知道选中了哪个复选框?
答案 0 :(得分:2)
您可以在每个事件上传递任何参数(来自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
答案 1 :(得分:0)
这是我经常遇到的问题。我的解决方案一直是将数据附加到组件本身;将数据库实体的id或对象本身保留在复选框上,以便在事件期间进行检索。
checkbox.setAttribute("myAttributeName", myAttributeValue);
这需要使用强制转换来检索,这是不幸的,但是通过一些最佳实践,您可以自信地进行检索。