如何使用 JSF 创建菜单栏和子菜单答案

【问题标题】：How to create a menu bar and a submenu with JSF如何使用 JSF 创建菜单栏和子菜单
【发布时间】：2011-09-08 11:24:14
【问题描述】：

如何使用JSF 2.0 创建菜单栏和子菜单？

我使用NetBeans 6.8 和服务器GlassFish。

您建议我使用许多 JSF 组件（RichFaces、PrimeFaces 等）并为我提供了实施步骤。什么是示例代码源？

【问题讨论】：

标签： java jsf jsf-2

【解决方案1】：

从您的问题来看，您是否愿意使用组件库还不是很清楚。我假设第一个：

Primefaces 有一个组件<p:menu> 可以满足您的所有需求。这是来自Primefaces showcase 的示例：

<p:menu type="tiered" style="width:180px">  
    <p:submenu label="Ajax Menuitems" icon="ui-icon ui-icon-refresh">  
        <p:menuitem value="Save" actionListener="#{buttonBean.save}" update="messages" icon="ui-icon ui-icon-disk" />  
        <p:menuitem value="Update" actionListener="#{buttonBean.update}" update="messages" icon="ui-icon ui-icon-arrowrefresh-1-w" />  
    </p:submenu>  
    <p:submenu label="Non-Ajax Menuitem" icon="ui-icon ui-icon-newwin">  
        <p:menuitem value="Delete" actionListener="#{buttonBean.delete}" update="messages" ajax="false" icon="ui-icon ui-icon-close"/>  
    </p:submenu>  
    <p:submenu label="Navigations" icon="ui-icon ui-icon-extlink">  
        <p:submenu label="Prime Links">  
            <p:menuitem value="Prime" url="http://www.prime.com.tr" />  
            <p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />  
        </p:submenu>  
        <p:menuitem value="TouchFaces" url="#{request.contextPath}/touch" />  
    </p:submenu>  
</p:menu>

这将创建一个带有子菜单的菜单。

【讨论】：