JSF 2.0，PrimeFaces，樹動態ID隱藏/顯示多個面板

Question

我使用primefaces 4.0和JSF 2.0

我有一個樹狀結構，我想顯示/隱藏選擇多個面板

<p:tree id="tree" value="#{bean.root}" var="node" dynamic="true" cache="false" animate="true" selectionMode="single" 
     selection="#{bean.selectedNode}"> 
     <p:ajax event="select" update=":MainPageForm:dataPanel" listener="#{bean.onNodeSelect}" /> 
      <p:treeNode id="treeNode"> 
      <p:commandLink id="DYNAMIC ID" style="font-size:15px; width:170px; height:30px;" value="#{node}" /> 
     </p:treeNode> 

現在我想設置動態ID使用「#{node}」在每個節點上，但引發我在我的應用程序使用JQuery所以現在我想隱藏/使用JQuery顯示異常 。

Answer 1

不是很清楚自己想要實現的目標，但不要使用動態的ID。

也許這樣？

<p:tree id="tree" value="#{bean.root}" var="node" dynamic="true" cache="false" animate="true" selectionMode="single" 
    selection="#{bean.selectedNode}"> 
    <p:ajax event="select" process="@form" update="@form"/> 
    <p:treeNode>#{node}</p:treeNode> 
</p:tree> 

<h:panelGroup id="details"> 
    <p:panel header="details1" rendered="#{bean.selectedNode.data.type == 'hw'}"> 
     <span>i am an hardware: #{bean.selectedNode.data}</span> 
    </p:panel> 

    <p:panel header="details2" rendered="#{bean.selectedNode.data.type == 'sw'}"> 
     <span>i am a software: #{bean.selectedNode.data}</span> 
    </p:panel> 
</h:panelGroup>