Tree - ContextMenu

ContextMenu has special integration with Tree. Even different menus can be assigned to different node types by matching node types.

    <p:growl id="messages" showDetail="true" />
    <p:tree id="docs" value="#{treeContextMenuView.root}" var="doc" selectionMode="single" selection="#{treeContextMenuView.selectedNode}" dynamic="true">                    
        <p:treeNode expandedIcon="pi pi-folder-open" collapsedIcon="pi pi-folder">
            <h:outputText value="#{}"/>
        <p:treeNode type="document" icon="pi pi-file">
            <h:outputText value="#{}" />
        <p:treeNode type="picture" icon="pi pi-image">
            <h:outputText value="#{}" />
        <p:treeNode type="mp3" icon="pi pi-video">
            <h:outputText value="#{}" />
    <p:contextMenu for="docs">
        <p:menuitem value="View" update="messages" action="#{treeContextMenuView.displaySelectedSingle}" icon="pi pi-search" />
        <p:menuitem value="Delete" update="docs" action="#{treeContextMenuView.deleteNode}" icon="pi pi-times"/>


Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega


Create awesome applications in no time using the premium templates and impress your users.