JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sort Sorting is enabled with sortBy expressions. Both single and multiple column sorting are supported.
Single Column Sort
IdYearBrandColor
f661a2d41984VolkswagenWhite
082ec8e41966MercedesBlack
b82bdd881990MercedesGreen
130d0e7e1989BMWBlue
5ab5f88f1963RenaultRed
874d28581974MercedesSilver
9068a1b31976VolvoBlack
110b1a822007VolvoGreen
892287f61989MercedesBlue
198190212005RenaultYellow
Editable Values
IdYearBrandColor
Multiple Column Sort with Metakey
IdYearBrandColor
<a:form>
    <a:dataTable var="car" value="#{dtSortView.cars1}" style="margin-bottom:40px">
        <f:facet name="header">
            Single Column Sort
        </f:facet>
        <a:column headerText="Id" sortBy="#{car.id}">
            <h:outputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <h:outputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <h:outputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <h:outputText value="#{car.color}" />
        </a:column>
    </a:dataTable>

    <a:dataTable var="car" value="#{dtSortView.cars2}" style="margin-bottom:40px">
        <f:facet name="header">
            Editable Values
        </f:facet>
        <a:ajax event="sort" skipChildren="false" />
        <a:column headerText="Id" sortBy="#{car.id}">
            <a:inputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <a:inputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <a:inputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <a:inputText value="#{car.color}" />
        </a:column>
    </a:dataTable>

    <a:dataTable var="car" value="#{dtSortView.cars3}" sortMode="multiple">
        <f:facet name="header">
            Multiple Column Sort with Metakey
        </f:facet>
        <a:column headerText="Id" sortBy="#{car.id}">
            <h:outputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <h:outputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <h:outputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <h:outputText value="#{car.color}" />
        </a:column>
    </a:dataTable>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.