PrimeFaces ShowCase

Ajax Core

• Basic • Event • Listener • Counter • Process • Validation • Dropdown • PartialSubmit • Selector • Search • Poll • Fragment • Status • RemoteCommand

Input

• AutoComplete • InputTextarea • BooleanButton • BooleanCheckbox • Calendar • CheckboxMenu • OneMenu • Editor • InputText • InputGroup • InputNumber • InputMask • Listbox • ManyButton • ManyMenu • ManyCheckbox • MultiSelectListbox • OneButton • OneRadio • Signature • Spinner • Slider • Switch • Password • Keyboard • Rating • ColorPicker • Inplace • KeyFilter • Knob • TextEditor • TriStateCheckbox • Chips

Button

• Button • CommandButton • CommandLink • Link • SplitButton

Data

Panel

• Accordion • Dashboard • Fieldset • Grid CSS • Layout • NotificationBar • OutputPanel • Panel • PanelGrid • Ribbon • ScrollPanel • TabView • Toolbar • Wizard

Overlay

• ConfirmDialog • Dialog • LightBox • OverlayPanel • Tooltip

• Breadcrumb • ContextMenu • Dock • MegaMenu • Menu • Menubar • MenuButton • PanelMenu • SlideMenu • Stack • Steps • TabMenu • TieredMenu

Charts

• Area • Bar • Bubble • Donut • Line • Pie • MeterGauge • OHLC • Animate • Export • Interactive • Live • Static • Zoom • Combined • MultiAxis • Date • Responsive

Messages

• Growl • Messages

Multimedia

• Barcode • Compare • ContentFlow • Cropper • Galleria • GraphicImage • Media • PhotoCam • Switch

File

• Upload • Download

DragDrop

• Draggable • DataGrid • DataTable • Custom

Client Side Validation

• Basic • Bean • Custom • Event

Dialog Framework

• Basic • Data • Message • Nested

Misc

• Responsive • BlockUI • Cache • Captcha • Clock • Collector • DefaultCommand • Effect • ExceptionHandler • FontAwesome • FeedReader • Focus • Hotkey • IdleMonitor • ImportConstants • ImportEnum • Lifecycle • Log • OutputLabel • Printer • ProgressBar • RequestContext • ResetInput • Resizable • Separator • Spacer • Spotlight • Sticky • Terminal • ThemeSwitcher • Watermark

PrimeFaces SHOWCASE

PFMockOSX

PFExtensions

PFMobile

PFThemes

Afterdark Afternoon Afterwork Aristo Black-Tie Blitzer Bluesky Bootstrap Casablanca Cupertino Cruze Dark-Hive Delta Dot-Luv Eggplant Excite-Bike Flick Glass-X Home Hot-Sneaks Humanity Le-Frog Midnight Mint-Choc Omega Overcast Pepper-Grinder Redmond Rocket Sam Smoothness South-Street Start Sunny Swanky-Purse Trontastic UI-Darkness UI-Lightness Vader

PrimeFaces SHOWCASE

Menu - TieredMenu TieredMenu displays submenus in nested overlays.

tieredMenu.xhtml
MenuView.java

<h:form>			
    <p:growl id="messages" showDetail="true" />

    <p:tieredMenu style="width:200px">
        <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">
            <p:menuitem value="Save" actionListener="#{menuView.save}" update="messages" icon="ui-icon-disk" />
            <p:menuitem value="Update" actionListener="#{menuView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
        </p:submenu>
        <p:submenu label="Non-Ajax Menuitem" icon="ui-icon-newwin">
            <p:menuitem value="Delete" actionListener="#{menuView.delete}" update="messages" ajax="false" icon="ui-icon-close" />
        </p:submenu>
        <p:separator />
        <p:submenu label="Navigations" icon="ui-icon-extlink">
            <p:submenu label="Prime Links">
                <p:menuitem value="Prime" url="http://www.prime.com.tr" title="xxx" />
                <p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />
            </p:submenu>
            <p:menuitem value="Mobile" outcome="/mobile/index" />
        </p:submenu>
    </p:tieredMenu>

    <p:separator />

    <p:commandButton id="dynaButton" value="Show" type="button" icon="ui-icon-extlink" />
    <p:tieredMenu overlay="true" trigger="dynaButton" my="left top" at="left bottom" style="width:200px">
        <p:submenu label="Ajax Menuitems">
            <p:menuitem value="Save" actionListener="#{menuView.save}" update="messages" icon="ui-icon-disk" />
            <p:menuitem value="Update" actionListener="#{menuView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
        </p:submenu>
        <p:submenu label="Non-Ajax Menuitem">
            <p:menuitem value="Delete" actionListener="#{menuView.delete}" update="messages" ajax="false" icon="ui-icon-close" />
        </p:submenu>
        <p:submenu label="Navigations" 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="Mobile" outcome="/mobile/index" />
        </p:submenu>
    </p:tieredMenu>
</h:form>

package org.primefaces.showcase.view.menu;

import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;

@ManagedBean
public class MenuView {
    
    public void save() {
		addMessage("Success", "Data saved");
	}
	
	public void update() {
		addMessage("Success", "Data updated");
	}
	
	public void delete() {
		addMessage("Success", "Data deleted");
	}
	
	public void addMessage(String summary, String detail) {
		FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary, detail);
		FacesContext.getCurrentInstance().addMessage(null, message);
	}
}