JARCH SHOWCASE
JARCH SHOWCASE
Tree - Events An ajax behavior callback is provided for each event such as expand, collapse, select and unselect.
<a:form id="form">
    <a:growl id="messages" showDetail="true" />
    <a:tree value="#{treeEventsView.root}" var="doc" selectionMode="single" selection="#{treeEventsView.selectedNode}">
        <a:ajax event="expand" update=":form:messages" listener="#{treeEventsView.onNodeExpand}" />
        <a:ajax event="collapse" update=":form:messages" listener="#{treeEventsView.onNodeCollapse}" />
        <a:ajax event="select" update=":form:messages" listener="#{treeEventsView.onNodeSelect}" />
        <a:ajax event="unselect" update=":form:messages" listener="#{treeEventsView.onNodeUnselect}" />

        <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:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.