primefaces 入门之菜单 mac ccn

 

  
  
  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml" 
  4.       xmlns:ui="http://java.sun.com/jsf/facelets" 
  5.       xmlns:h="http://java.sun.com/jsf/html" 
  6.       xmlns:f="http://java.sun.com/jsf/core" 
  7.       xmlns:p="http://primefaces.prime.com.tr/ui"> 
  8. <h:head> 
  9.     <p:resources/> 
  10.     <title>test primefaces jsf 2.0</title> 
  11. </h:head> 
  12. <h:body bgcolor="white"> 
  13.     <h:form id="helloForm"> 
  14.        <p:menu type="tiered" style="width:180px">   
  15.      <p:submenu label="Ajax Menuitems" icon="ui-icon ui-icon-refresh">   
  16.          <p:menuitem value="Save" actionListener="#{buttonBean.save}" update="messages" icon="ui-icon ui-icon-disk" />   
  17.          <p:menuitem value="Update" actionListener="#{buttonBean.update}" update="messages" icon="ui-icon ui-icon-arrowrefresh-1-w" />   
  18.      </p:submenu>   
  19.      <p:submenu label="Non-Ajax Menuitem" icon="ui-icon ui-icon-newwin">   
  20.          <p:menuitem value="Delete" actionListener="#{buttonBean.delete}" update="messages" ajax="false" icon="ui-icon ui-icon-close"/>   
  21.      </p:submenu>   
  22.      <p:submenu label="Navigations" icon="ui-icon ui-icon-extlink">   
  23.          <p:submenu label="Prime Links">   
  24.              <p:menuitem value="Prime" url="http://www.prime.com.tr" />   
  25.              <p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />   
  26.          </p:submenu>   
  27.          <p:menuitem value="TouchFaces" url="#{request.contextPath}/touch" />   
  28.      </p:submenu>   
  29.      
  30.       
  31. </p:menu>   
  32.  
  33.  <!-- 任意的位置后来加入 --> 
  34.  <p:menu position="dynamic" trigger="dynaButton" my="left top" at="left bottom"></p:menu> 
  35.    <!--下拉式菜单 --> 
  36.     
  37.  <p:menubar> 
  38.         <p:submenu label="Mail"> 
  39.                           <p:menuitem value="Gmail" url="http://www.google.com" /> 
  40.                             <p:menuitem value="Hotmail" url="http://www.hotmail.com" /> 
  41.                            <p:menuitem value="Yahoo Mail" url="http://mail.yahoo.com" /> 
  42.         </p:submenu> 
  43.                      
  44.         <p:submenu label="Videos"> 
  45.                                 <p:menuitem value="Youtube" url="http://www.youtube.com" /> 
  46.                                 <p:menuitem value="Break" url="http://www.break.com" /> 
  47.                              
  48.                    <p:submenu label="New"> 
  49.                                         <p:menuitem value="Project" url="#"/> 
  50.                                         <p:menuitem value="Other" url="#"/> 
  51.                     </p:submenu> 
  52.          
  53.         </p:submenu> 
  54.     </p:menubar> 
  55.                      
  56.                     <!-- 在一个弹出式菜单中显示不同的命令  触发不同的命令--> 
  57.                     <p:menuButton value="Options命令"> 
  58.                 <p:menuitem value="Save" actionListener="#{bean.save}" update="comp" /> 
  59.                 <p:menuitem value="Update" actionListener="#{bean.update}" ajax="false" /> 
  60.                 <p:menuitem value="Go Home" url="/home.jsf" /> 
  61.                 <p:menuitem value="Go est.jsf" url="../est.jsf" /> 
  62.                 </p:menuButton> 
  63.                  
  64.                  
  65.                 <!--  --> 
  66.                  
  67.                     <p:stack icon="/images/stack/stack.png"> 
  68.                     <p:menuitem value="Aperture" icon="/images/stack/aperture.png" url="#"/> 
  69.                     <p:menuitem value="Photoshop" icon="/images/stack/photoshop.png" url="#"/> 
  70.                     <p:menuitem value="coda" icon="/images/stack/coda.png" url="#"/> 
  71.                     <p:menuitem value="finder" icon="/images/stack/finder.png" url="#"/> 
  72.                     <p:menuitem value="safari" icon="/images/stack/safari.png" url="#"/> 
  73.                     <p:menuitem value="stack-down" icon="/images/stack/stack-down.png" url="#"/> 
  74.                     <p:menuitem value="stack" icon="/images/stack/stack.png" url="#"/> 
  75.                      
  76.                     </p:stack> 
  77.                  
  78.                  
  79.                                 <!-- max --> 
  80.                                 <p:dock> 
  81.                 <p:menuitem value="Home" icon="/images/dock/home.png" url="#" /> 
  82.                 <p:menuitem value="Music" icon="/images/dock/music.png" url="#" /> 
  83.                 <p:menuitem value="Video" icon="/images/dock/video.png" url="#"/> 
  84.                 <p:menuitem value="Email" icon="/images/dock/email.png" url="#"/> 
  85.                 <p:menuitem value="Link" icon="/images/dock/link.png" url="#"/> 
  86.                 <p:menuitem value="RSS" icon="/images/dock/rss.png" url="#"/> 
  87.                 <p:menuitem value="History" icon="/images/dock/history.png" url="#"/> 
  88.                 </p:dock> 
  89.                  
  90.                      
  91.     
  92.     
  93.     </h:form> 
  94.  
  95. </h:body> 
  96. </html>    

 

你可能感兴趣的:(职场,primefaces,休闲,菜单ss)