tapestry - Tapestry5 和树组件上的选择

Question

在 Tapestry5 树组件中允许用户选择多个项目。每个选定的项目都以粗体显示。如何对树组件进行限制以便可以选择一个项目？

为此，我一直在检查 TreeSelectionModel，但我所能做的就是将 TreeNode 值存储在集合中，而不是限制客户端的用户选择。

谢谢。

Answer 1

这是一个棘手的问题。您必须将树组件放置在区域内，并在选择更改时更新该区域。

Geoff Callender 在 jumpstart 上发布了一个示例：http: //jumpstart.doublenegative.com.au/jumpstart/examples/ajax/treefromdatabasewithzones

Psydo 代码示例：

翻译：

<t:zone t:id="treeZone" id="treeZone">
  <t:tree t:id="Tree" t:model="treeModel" t:node="treeNode" t:value="categoryNode"  class="prop:leafClass">
    <p:label>
      <t:if test="treeNode.leaf">
        <a t:type="EventLink" t:event="leafSelected" t:context="categoryNode.category.id" t:zone="selectedZone" href="#">
          ${treeNode.label}
        </a>
      </t:if>
      <t:if test="!treeNode.leaf">
        ${treeNode.label}
      </t:if>
     </p:label>
  </t:tree>
</t:zone>

爪哇：

@InjectComponent
private Zone treeZone;

@Inject
private AjaxResponseRenderer ajaxResponseRenderer;

@Inject
private Request request;

void onLeafSelected(Integer categoryId) {
    CategoryNode categoryNode = categoryService.findCategoryInfo(categoryId);
    selectedCategory = categoryNode.getCategory();

    if (request.isXHR()) {
        ajaxResponseRenderer.addRender(treeZone).addRender(selectedZone);
    }
}

public String getLeafClass() {
    if (selectedCategory != null && categoryNode.getCategory().equals(selectedCategory)) {
        return "selected";
    }
    else {
        return "";
    }
}