JARCH SHOWCASE
JARCH SHOWCASE
Tree - ContextMenu ContextMenu has special integration with Tree. Even different menus can be assigned to different node types by matching node types.
<a:form>
    <a:growl id="messages" showDetail="true" />

    <a:tree id="docs" value="#{treeContextMenuView.root}" var="doc" selectionMode="single" selection="#{treeContextMenuView.selectedNode}" dynamic="true">
        <a:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed">
            <h:outputText value="#{doc.name}"/>
        </a:treeNode>
        <a:treeNode type="document" icon="ui-icon-document">
            <h:outputText value="#{doc.name}" />
        </a:treeNode>
        <a:treeNode type="picture" icon="ui-icon-image">
            <h:outputText value="#{doc.name}" />
        </a:treeNode>
        <a:treeNode type="mp3" icon="ui-icon-video">
            <h:outputText value="#{doc.name}" />
        </a:treeNode>
    </a:tree>

    <a:contextMenu for="docs">
        <a:menuitem value="View" update="messages" actionListener="#{treeContextMenuView.displaySelectedSingle}" icon="ui-icon-search" />
        <a:menuitem value="Delete" update="docs" actionListener="#{treeContextMenuView.deleteNode}" icon="ui-icon-close"/>
    </a:contextMenu>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.