SelectOneListbox

SelectOneListbox extends standard SelectOneListbox with theming.

Basic Usage:
    Scrollbar:

      Selected Values
      Value 1:
      Value 2:

      Source

      <h:form id="form">
      
          <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"
                       columnClasses="label, column">
      
              <h:outputText value="Basic Usage: " />
              <p:selectOneListbox id="basic" value="#{buttonBean.number}">
                  <f:selectItem itemLabel="Option 1" itemValue="1" />
                  <f:selectItem itemLabel="Option 2" itemValue="2" />
                  <f:selectItem itemLabel="Option 3" itemValue="3" />
              </p:selectOneListbox>
      
              <h:outputText value="Scrollbar: " />
              <p:selectOneListbox id="scroll" value="#{autoCompleteBean.selectedPlayer1}"
                  converter="player" style="height:100px">
                  <f:selectItems value="#{autoCompleteBean.players}"
                      var="player" itemLabel="#{player.name}" itemValue="#{player}" />
              </p:selectOneListbox>
      
          </h:panelGrid>
      
          <p:separator />
      
          <p:commandButton id="submitButton" value="Submit" update="display" oncomplete="dlg.show()" />
      
          <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">
              <h:panelGrid columns="2" id="display">
                  <h:outputText value="Value 1:" /><h:outputText id="selectedNumber" value="#{buttonBean.text}" />
      
                  <h:outputText value="Value 2:" /><h:outputText id="selectedPlayer" value="#{autoCompleteBean.selectedPlayer1}" />
              </h:panelGrid>
          </p:dialog>
      
      </h:form>