JARCH SHOWCASE
JARCH SHOWCASE
SelectManyMenu SelectManyMenu is used to choose multiple items from a list.
  • Option 1
  • Option 2
  • Option 3
Afterdark
Afternoon
Afterwork
Aristo
Black-Tie
Blitzer
Bluesky
Bootstrap
Casablanca
Cupertino
Cruze
Dark-Hive
Delta
Dot-Luv
Eggplant
Excite-Bike
Flick
Glass-X
Home
Hot-Sneaks
Humanity
Le-Frog
Midnight
Mint-Choc
Omega
Overcast
Pepper-Grinder
Redmond
Rocket
Sam
Smoothness
South-Street
Start
Sunny
Swanky-Purse
Trontastic
UI-Darkness
UI-Lightness
Vader

Selected Values
Basic:
Nenhum registro encontrado.
Advanced:
Nenhum registro encontrado.
<a:form>
    <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5" columnClasses="label, value">
        <a:outputLabel for="basic" value="Basic:" />
        <a:selectManyMenu id="basic" value="#{selectManyView.selectedOptions}">
            <f:selectItem itemLabel="Option 1" itemValue="1" />
            <f:selectItem itemLabel="Option 2" itemValue="2" />
            <f:selectItem itemLabel="Option 3" itemValue="3" />
        </a:selectManyMenu>

        <a:outputLabel for="advanced" value="Advanced:" />
        <a:selectManyMenu id="advanced" value="#{selectManyView.selectedThemes}" converter="themeConverter"
                          var="t" filter="true" filterMatchMode="contains" showCheckbox="true">
            <f:selectItems value="#{selectManyView.themes}" var="theme" itemLabel="#{theme.displayName}" itemValue="#{theme}" />

            <a:column>
                <h:outputText styleClass="ui-theme ui-theme-#{t.name}" />
            </a:column>

            <a:column>
                <h:outputText value="#{t.displayName}" />
            </a:column>
        </a:selectManyMenu>
    </h:panelGrid>

    <a:separator />

    <a:commandButton value="Submit" update="display" oncomplete="PF('dlg').show()" icon="ui-icon-check" />

    <a:dialog header="Selected Values" modal="true" showEffect="fade" widgetVar="dlg" resizable="false">
        <a:panelGrid columns="2" id="display" columnClasses="label,output">
            <h:outputText value="Basic:" />
            <a:dataList value="#{selectManyView.selectedOptions}" var="option">
                <h:outputText value="#{option}" />
            </a:dataList>

            <h:outputText value="Advanced:" />
            <a:dataList value="#{selectManyView.selectedThemes}" var="t">
                <h:outputText value="#{t}" />
            </a:dataList>
        </a:panelGrid>
    </a:dialog>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.