JSF 2.0，PrimeFaces，树动态 ID 隐藏/显示多个面板

【问题标题】：JSF 2.0, PrimeFaces, Tree dynamic ID to hide/show multiple panelsJSF 2.0，PrimeFaces，树动态 ID 隐藏/显示多个面板
【发布时间】：2014-01-28 23:38:42
【问题描述】：

我正在使用 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 隐藏/显示。

【问题讨论】：

标签： java jquery jsf-2 primefaces

【解决方案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>

【讨论】：

这里面的数据是什么？？ selectedNode.data
#{bean.selectedNode.data} used outside p:tree 与 #{node} used inside p:tree 相同