Context menu with nested items
The context menu is displayed when the mouse is right-clicked. It replaces the native context menu in the browser and gives web applications a desktop-like feeling and behavior. PrimeFaces' context menu provides an overlay with submenus and menu items.
In this recipe, we will develop a context menu with nested items and see how to attach it to any component. As example, we will attach the context menu to a panel component.
How to do it...
The context menu is defined by the p:contextMenu tag. We would like to define two submenus—one with menu items having URLs (they send GET requests) and one with ajaxified menu items (they send POST requests). Ajaxified menu items perform the CRUD operations and update p:growl. The context menu is attached to p:panel. That means, only a right-click on the panel component displays the defined context menu. A click anywhere else displays the native web browser's context menu.
<p:growl id="growl"/> <p:panel id="dummyPanel...
