Question

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

第3种方法效果很好但它只将树组件var（var =＆＃34; node＆＃34;）的最后一个图标放到每个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>

Answer 1

@YagamiLight提到的问题是

＆＃34;您找到的标记＆＃34; ^＆＃34;意味着图标未被接受或路径错误，根据我的经验，我知道TreeNode不接受带有您自己图标的个人路径，我希望能帮助您＃34;

我用第3种方法解决了它。

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

1 个答案: