JARCH SHOWCASE
JARCH SHOWCASE
Tree - DragDrop Nodes can be reordered within the same tree or transferred between multiple trees using drag and drop.
Transfer
<a:form id="form">
    <a:growl id="msgs" showDetail="true" />

    <h:panelGrid columns="3">
        <a:tree id="tree1" value="#{treeDNDView.root1}" var="node" selectionMode="single" selection="#{treeDNDView.selectedNode1}"
                draggable="true" droppable="true" dragdropScope="demo">
            <a:ajax event="dragdrop" listener="#{treeDNDView.onDragDrop}" update=":form:msgs" />
            <a:treeNode>
                <h:outputText value="#{node}" />
            </a:treeNode>
        </a:tree>

        <a:graphicImage alt="Transfer" name="demo/images/transfer.png" />

        <a:tree id="tree2" value="#{treeDNDView.root2}" var="node" selectionMode="single" selection="#{treeDNDView.selectedNode2}"
                draggable="true" droppable="true" dragdropScope="demo">
            <a:ajax event="dragdrop" listener="#{treeDNDView.onDragDrop}" update=":form:msgs" />
            <a:treeNode>
                <h:outputText value="#{node}" />
            </a:treeNode>
        </a:tree>
    </h:panelGrid>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.