如何将图像添加到 primefaces 菜单栏？

Question

如何将图像添加到菜单栏？

我无法将 h:graphicImage 添加到菜单栏（请参阅下面的代码），并且希望在菜单栏中包含徽标。

当前代码：图片在最前面

<h:form id="navigation">

    <h:link outcome="/index.xhmtl">
        <h:graphicImage url="http://upload.wikimedia.org/wikipedia/commons/8/81/Wikimedia-logo.svg" height="75"/>
    </h:link>

    <p:menubar>
        <p:submenu label="Routine">
            <p:menuitem value="Item 1" outcome="/routine/item1.xhtml"/>
            <p:menuitem value="Item 2" outcome="/routine/item1.xhtml"/>
            <p:menuitem value="Item 3" outcome="/routine/item1.xhtml"/>
        </p:submenu>
        <p:submenu label="Lab">
            <p:menuitem value="Item 1" outcome="/lab/item1.xhtml"/>
            <p:menuitem value="Item 2" outcome="/lab/item2.xhtml"/>
        </p:submenu>
        ...
        <p:menuitem value="Log out" action="#{userBacking.logout()}" />
    </p:menubar>

</h:form>

Answer 1

在菜单项中添加图形图像：

<p:menuitem>
    <h:link outcome="/index.xhmtl">
        <h:graphicImage name="/customer/0_0_1/img/logo.png" height="50" />
    </h:link>
</p:menuitem>

如何将图像添加到 primefaces 菜单栏？

How to add an image to a primefaces menubar?

jsf

image

menubar

primefaces