2011-06-04 115 views

回答

2

从你的问题来看,如果你打算使用组件库或不是很清楚。我假设第一个:

随着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> 

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