如何使用JSF創建菜單欄和子菜單

Question

如何使用JSF 2.0創建菜單欄和子菜單？

我使用NetBeans 6.8和服務器GlassFish。

有很多JSF組件（RichFaces，PrimeFaces等），您建議我使用並給我實施步驟。什麼是一些示例代碼源？

Answer 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> 

這將創建一個子菜單的菜單。