PrimeFaces 5.3.5 - treeNode 自定义图标是不可见的，而不是它。有^答案

【问题标题】：PrimeFaces 5.3.5 - treeNode custom icons are invisible instead of it. There is ^PrimeFaces 5.3.5 - treeNode 自定义图标是不可见的，而不是它。有^
【发布时间】：2016-08-08 22:51:47
【问题描述】：

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

它可以工作，但我没有看到我的自定义图标。我只看到^。请参阅此屏幕截图。 ^ PrimeFaces 3.0 - How can I set a TreeNode icon programmatically from backing bean?

第一种方法这不起作用

.ui-menu .ui-icon {
  top: .2em;
  left: .2em;
}

第二种方法我减小了图标的大小，但什么也没发生。我也只看到^。

.myIconsSize {
    width:8px;
    height:8px;
}

第三种方法效果很好，但它只将树组件 var (var="node") 的最后一个图标放入每个 nodeTree。看我的截图here

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

还有我生成的 HTML 输出。

<span class="ui-tree-toggler ui-icon ui-icon-triangle-1-e"></span>
<span class="ui-treenode-icon ui-icon /images/tree-icons/18a6803865043ax59011635600000a0a0a0.png"></span>
<span class="ui-treenode-label ui-corner-all" tabindex="-1" role="treeitem">Property</span>

我不确定它是否重要，但我在 web.xml 中启用了 FONT_AWESOME。

<context-param>
    <param-name>primefaces.FONT_AWESOME</param-name>
    <param-value>true</param-value>
</context-param>

【问题讨论】：

我只用这个。请问你是认真的吗？ primefaces.FONT_AWESOMEtrue
我很抱歉@Skyware。我的 cmets 完全跑题了。
你有没有使用 UI-Icon 来查看它是否工作
@YagamiLight 这很好用但我需要使用来自 DB 的自定义图标。
您找到的标记“^”表示图标未被接受或路径错误，根据我的经验，我知道 TreeNode 不接受带有您自己图标的个人路径，希望对您有所帮助你

标签： jsf-2 primefaces icons

【解决方案1】：

这是@YagamiLight 提到的问题

“您找到的标记“^”表示该图标未被接受或路径错误，根据我的经验，我知道 TreeNode 不接受带有您自己图标的个人路径，希望对您有所帮助“

我用第三种方法解决了。

【讨论】：