JARCH SHOWCASE
JARCH SHOWCASE
Tree - Selection Tree provides three selection modes, "single", "multiple" and "checkbox".

Single

Multiple with metakey

Checkbox

<a:form>
    <a:growl id="msgs" showDetail="true" escape="false"/>

    <h3 style="margin-top:0">Single</h3>
    <a:tree value="#{treeSelectionView.root1}" var="doc"
                selectionMode="single"
                selection="#{treeSelectionView.selectedNode}">
        <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:commandButton value="Display" update="msgs" icon="ui-icon-newwin"
                        actionListener="#{treeSelectionView.displaySelectedSingle}"/>

    <h3>Multiple with metakey</h3>
    <a:tree value="#{treeSelectionView.root2}" var="doc"
                selectionMode="multiple"
                selection="#{treeSelectionView.selectedNodes1}">
        <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:commandButton value="Display" update="msgs" icon="ui-icon-newwin"
                actionListener="#{treeSelectionView.displaySelectedMultiple(treeSelectionView.selectedNodes1)}"/>

    <h3>Checkbox</h3>
    <a:tree value="#{treeSelectionView.root3}" var="doc"
                selectionMode="checkbox"
                selection="#{treeSelectionView.selectedNodes2}">
        <a:treeNode icon="ui-icon-note">
            <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:commandButton value="Display" update="msgs" icon="ui-icon-newwin"
                actionListener="#{treeSelectionView.displaySelectedMultiple(treeSelectionView.selectedNodes2)}"/>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.