PrimeFaces - MenuBar Example

In this example, we will learn how to build a dropdown menu programmatically with PrimeFace's MenuModel and menubar tag.

JSF page

src/main/webapp/index.xhtml

<h:body style="margin:50px;">
    <h2>PrimeFaces MenuBar Example</h2>
    <p:menubar model="#{menuBean.menuModel}">
    </p:menubar>
</h:body>

The manage bean

@ManagedBean
@ViewScoped
public class MenuBean {
  private MenuModel model = new DefaultMenuModel();

  @PostConstruct
  public void init() {
      addMenu("File", "New", "Open", "Close", "Exit");
      addMenu("Edit", "Undo", "Redo", "Cut", "Copy");
      addMenu(addMenu("View", "Summary"), "Tools", "Settings", "Layout");
      addMenu("Help", "Help topics", "Support");
  }

  public DefaultSubMenu addMenu(String label, String... items) {
      return addMenu(null, label, items);
  }

  public DefaultSubMenu addMenu(DefaultSubMenu parentMenu,
                                String label, String... items) {
      DefaultSubMenu theMenu = new DefaultSubMenu(label);
      for (Object item : items) {
          DefaultMenuItem mi = new DefaultMenuItem(item);
          mi.setUrl("#");
          theMenu.addElement(mi);
      }
      if (parentMenu == null) {
          model.addElement(theMenu);
      } else {
          parentMenu.addElement(theMenu);
      }
      return theMenu;
  }

  public MenuModel getMenuModel() {
      return model;
  }
}

mvn tomcat7:run-war

Output

Example Project

Dependencies and Technologies Used:

• primefaces 6.1 primefaces
• jsf-api 2.2.14: This is the master POM file for Oracle's Implementation of the JSF 2.2 Specification.
• jsf-impl 2.2.14: This is the master POM file for Oracle's Implementation of the JSF 2.2 Specification.
• JDK 1.8
• Maven 3.3.9