Question

我正在尝试通过此处建议的方法将自定义图标添加到primefaces分层侧边菜单：Icon for Primefaces Dynamic Menu

但是，我有一个类似的问题： Primefaces dynamic menu icon not showing

图标不可见，通过检查元素，我只看到代码中的默认图标。这是我的Java代码：

MenuItem item = new MenuItem();
item.setIcon("icon-disk");

CSS：

.icon-disk{
    background-image: url(../resources/images/icon_indicatorlist.png);  
    height:16px;
    width:16px;
}

xhtml：

<p:panelMenu model="#{menuBean.getModel(menus.id)}" type="tiered" />

在检查元素上，这就是我所看到的：

<h3 class="ui-panelmenu-header ui-state-default ui-corner-all" role="tab">
    <span class="ui-icon ui-icon-triangle-1-e"></span>
    <a href="#" tabindex="-1">Item1</a>
</h3>

我需要编辑或添加什么？我正在使用PF 3.5。

Answer 1

这可能会解决您的问题

MenuItem item = new MenuItem();
item.setIcon("ui-icon-disk");

Answer 2

我猜您的问题是图像的路径，而不是PF问题。

取决于项目的结构，尝试更改任何测试HTML元素的任何背景图片，只是为了查看您的图片路径是否正确。

一个例子：

+ Java-SRC
+ WebContents [folder]
    + resources[folder]
        + css [folder]
          styles.css
             .anyClass{
                 background: transparent url('images/any.png') !important;
             }
        + images [folder]
             any.png
             xyz.jpg
             ....
    + Views [folder]
        index.xhtml
             ...
             <h:outputStylesheet library="css" name="styles.css"/>
             ...
        signin.xhtml
        ....

Primefaces - 未显示MenuItem图标

2 个答案: