JSF2.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>

​

现在，我尝试使用'#{node}‘在每个节点上设置动态id，但是抛出了一个异常，我在我的应用中使用JQuery，所以现在我尝试使用JQuery来隐藏/显示。

Answer 1

不太清楚您想要实现什么，但不要使用动态it。

也许是这个？

<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>