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 is to define the complete method that will be invoked with the user input as follows:

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

This will be rendered as shown in the following screenshot:

How to do it...

As the user types characters into the input text, ...

Get PrimeFaces Cookbook 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.