css - 如何迭代 Primefaces 树中的节点 var 以在 DB 的 CSS 类中设置图标

Question

我使用的是 PF v. 5.3.5 和 JSF v. 2.2.8。

<p:tree value="#{userFiltersBean.objectsTreeModel}" var="node" hideRootNode="true" styleClass="filtersTree">
                <p:treeNode icon="">

我的 CSS 类如下:

.ui-treenode-icon{
    background: url("#{node.leafIcon}") no-repeat top !important;
}

我在每个 treeNode 中看到了相同的图标，表示不需要。此图标用于树中的最后一个 treeNode。 但是，我想通过它们迭代每个 treeNode 都有自己的图标。

注意 树的大小在每个环境中都不同，并且是动态创建的。 请问我该怎么做？

请查看当前 PF 版本 here . 所需的 Icefaces 版本是 here .

提前致谢。

Answer 1

在 Api 文档(http://www.primefaces.org/showcase/ui/data/tree/basic.xhtml -> 文档选项卡)中，它说您可以这样做:

<p: tree value="#{bean.root}" var="doc">
    <p:treeNode type="mp3" icon="ui-icon ui-icon-video">
         <h:outputText value="#{doc.name}" />
    </p:treeNode>
    <p:treeNode type="document" icon="ui-icon ui-icon-image-document">
         <h:outputText value="#{doc.name}" />
    </p:treeNode>
</p:Tree>

因此在支持 Bean 中，您必须为节点命名，该名称将是 p:treeNode 类型。据我了解

TreeNode mp3 = new TreeNode("mp3", "some music"); 

将为

做链接

<p:treeNode type="mp3" ... />  

如果有帮助，请告诉我。

干杯 基胡:)