JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sort Sorting is enabled with sortBy expressions. Both single and multiple column sorting are supported.
Single Column Sort
IdYearBrandColor
1a903cce1974AudiBlack
eea54a851980MercedesMaroon
f455d3102005RenaultGreen
2ff86be51983BMWSilver
960a51b31961FiatBrown
ad1c49f82006VolkswagenMaroon
ce681cb32008JaguarSilver
03815f081990VolvoGreen
30c398501969RenaultOrange
721ad6171971FordBrown
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.