Auto suggestion with autoComplete

The autoComplete component provides suggestions while you type into the input field. This enables users to quickly find and select from the list of looked-up values as they type, which leverages the searching and filtering abilities.

How to do it…

For simple usage of the autoComplete component, all we need to do is to define the complete method that will be invoked with the user input, as follows:

<p:autoComplete id="simple" value="#{autoCompleteBean.txt1}"
  completeMethod="#{autoCompleteBean.complete}" />

This will be rendered as shown in the following screenshot:

How to do it…

As the user types characters into the input text (as ...

Get PrimeFaces Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.