Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You basically want an autocomplete dropdown list. This does not exist in the standard JSF component set and it is also not exactly trivial to implement with JavaScript/jQuery on top of the standard JSF component set because the available values have to be present in the server side's state. You also basically want a dropdown list which is represented by a <code>&lt;div&gt;&lt;input&gt;&lt;ul&gt;&lt;li&gt;</code> instead of a <code>&lt;select&gt;&lt;option&gt;</code> because a normal <code>&lt;select&gt;</code> doesn't allow the enduser to type text in. The standard JSF component set does not have a component which renders the desired HTML markup. You'd basically need to create a custom JSF component.</p> <p>There are 3rd party JSF component libraries which already offer a fullworthy JSF autocomplete dropdown list. It would be easier to use either of them instead of reinventing the wheel by a custom JSF component. Take your pick:</p> <ul> <li><a href="http://primefaces.org" rel="nofollow">PrimeFaces</a> - <a href="http://www.primefaces.org/showcase/ui/input/autoComplete.xhtml" rel="nofollow">the <code>&lt;p:autoComplete&gt;</code> component</a></li> <li><a href="http://jboss.org/richfaces" rel="nofollow">RichFaces</a> - <a href="http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=autocomplete&amp;skin=blueSky" rel="nofollow">the <code>&lt;rich:autocomplete&gt;</code> component</a></li> <li><a href="http://openfaces.org" rel="nofollow">OpenFaces</a> - <a href="http://openfaces.org/demo/suggestionfield/SuggestionField.jsf" rel="nofollow">the <code>&lt;o:suggestionField&gt;</code> component</a></li> <li><a href="http://icefaces.org" rel="nofollow">ICEfaces</a> - <a href="http://component-showcase.icefaces.org/component-showcase/showcase.iface" rel="nofollow">the <code>&lt;ice:selectInputText&gt;</code> component</a></li> </ul>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload