Menu
Menu is a navigation component with one level of submenus.
Documentation
<h:form>
<p:growl id="messages" showDetail="false"/>
<h3 style="margin-top:0">Plain Menu</h3>
<p:menu>
<p:submenu label="Ajax">
<p:menuitem value="Save" action="#{menuView.save}" update="messages" icon="pi pi-save" />
<p:menuitem value="Update" action="#{menuView.update}" update="messages" icon="pi pi-refresh"/>
</p:submenu>
<p:submenu label="Non-Ajax">
<p:menuitem value="Delete" action="#{menuView.delete}" update="messages" ajax="false" icon="pi pi-times"/>
</p:submenu>
<p:submenu label="Navigations">
<p:menuitem value="External" url="http://www.primefaces.org" icon="pi pi-home"/>
<p:menuitem value="Internal" icon="pi pi-star"/>
</p:submenu>
</p:menu>
<h3>Overlay</h3>
<p:commandButton id="dynaButton" value="Show" type="button" icon="pi pi-home"/>
<p:menu overlay="true" trigger="dynaButton" my="left top" at="left bottom">
<p:submenu label="Ajax">
<p:menuitem value="Save" action="#{menuView.save}" update="messages" icon="pi pi-save"/>
<p:menuitem value="Update" action="#{menuView.update}" update="messages" icon="pi pi-refresh"/>
</p:submenu>
<p:submenu label="Non-Ajax">
<p:menuitem value="Delete" action="#{menuView.delete}" update="messages" ajax="false" icon="pi pi-times"/>
</p:submenu>
<p:submenu label="Navigations">
<p:menuitem value="External" url="http://www.primefaces.org" icon="pi pi-home"/>
<p:menuitem value="Internal" icon="pi pi-star"/>
</p:submenu>
</p:menu>
<h3>Programmatic Menu</h3>
<p:menu model="#{menuView.model}" />
<h3>Toggleable</h3>
<p:menu toggleable="true">
<p:submenu label="Ajax">
<p:menuitem value="Save" action="#{menuView.save}" update="messages" icon="pi pi-save" />
<p:menuitem value="Update" action="#{menuView.update}" update="messages" icon="pi pi-refresh"/>
</p:submenu>
<p:submenu label="Non-Ajax">
<p:menuitem value="Delete" action="#{menuView.delete}" update="messages" ajax="false" icon="pi pi-times"/>
</p:submenu>
<p:submenu label="Navigations">
<p:menuitem value="External" url="http://www.primefaces.org" icon="pi pi-home"/>
<p:menuitem value="Internal" icon="pi pi-star"/>
</p:submenu>
</p:menu>
</h:form>
@Named
@RequestScoped
public class MenuView {
private MenuModel model;
@PostConstruct
public void init() {
model = new DefaultMenuModel();
//First submenu
DefaultSubMenu firstSubmenu = DefaultSubMenu.builder()
.label("Dynamic Submenu")
.build();
DefaultMenuItem item = DefaultMenuItem.builder()
.value("External")
.url("http://www.primefaces.org")
.icon("pi pi-home")
.build();
firstSubmenu.getElements().add(item);
model.getElements().add(firstSubmenu);
//Second submenu
DefaultSubMenu secondSubmenu = DefaultSubMenu.builder()
.label("Dynamic Actions")
.build();
item = DefaultMenuItem.builder()
.value("Save")
.icon("pi pi-save")
.command("#{menuView.save}")
.update("messages")
.build();
secondSubmenu.getElements().add(item);
item = DefaultMenuItem.builder()
.value("Delete")
.icon("pi pi-times")
.command("#{menuView.delete}")
.ajax(false)
.build();
secondSubmenu.getElements().add(item);
item = DefaultMenuItem.builder()
.value("Redirect")
.icon("pi pi-search")
.command("#{menuView.redirect}")
.build();
secondSubmenu.getElements().add(item);
model.getElements().add(secondSubmenu);
}
public MenuModel getModel() {
return model;
}
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);
}
}
