5 Replies Latest reply on Dec 20, 2011 9:20 PM by chelachen

    How to make selectOneMenu searchable

    kamal_khadka

      <rich:modalPanel autosized="true" id="comboPanel">

          <h:form id="comboPanelForm" >

            <s:div id="comboPanelDiv">

              <h:panelGrid>

                <s:decorate template="/layout/edit.xhtml">

                  <ui:define name="label">Product name: </ui:define>

                  <h:selectOneMenu value="#{bean.id}" required="true">

                    <f:selectItems value="#{secondBean.comboList}" />

                  </h:selectOneMenu>

                </s:decorate>

      ...

       

      </rich:modalPanel>

       

       

      Above is what I have in my application. Right now the items can be selected by choosing from the drop down menu. While I tested in safari browser I was able to just type the name of the product and get to it whereas in other popular browser i had to choose from drop down menu.

       

      I want the 'comboList' be searchable just like in safari how would I be able to achieve that.

       

      Thank you very much for help.