Directory

← Back

Autocomplete

Text input with a panel of suggested options

Author

Rating

Popularity

1100+

Usage

Autocomplete is a text input with a panel of suggested options. When user change value of text input, panel with found options will be shown, so user can select one of the suggested options. Once user selected his option, it appears in text input.

Client-side implementation

This is the server-side (Java) API for Vaadin Platform for the vcf-autocomplete component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-autocomplete

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

H3 inputH3 = new H3("Current input: ");
H3 selectionH3 = new H3("Selection: ");
Autocomplete autocomplete = new Autocomplete(5);

autocomplete.addChangeListener(event -> {
    String text = event.getValue();
    autocomplete.setOptions(findOptions(text));
    inputH3.setText("Current input: " + text);
});

autocomplete.addAutocompleteValueAppliedListener(event -> {
    selectionH3.setText("Selection: " + event.getValue());
});

autocomplete.addValueClearListener(event -> {
    selectionH3.setText("Selection: " + "");
});

autocomplete.setLabel("Find what you want:");
autocomplete.setPlaceholder("search ...");

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Version 2.0.0

  • Updated to use P3 / npm version of the component for Vaadin 14 npm mode. Works in compatibility mode as well.
Released
2019-11-17
Maturity
STABLE
License
CVAL 3.0

Compatibility

Framework
Vaadin 14
Vaadin 24+ in 24.1.7
Vaadin 23 in 23.0.0
Vaadin 13 in 1.2.0
Vaadin 12 in 1.2.0
Vaadin 11 in 1.2.0
Vaadin 10 in 1.2.0
Browser
N/A

Autocomplete - Vaadin Add-on Directory

Text input with a panel of suggested options Autocomplete - Vaadin Add-on Directory
## Usage Autocomplete is a text input with a panel of suggested options. When user change value of text input, panel with found options will be shown, so user can select one of the suggested options. Once user selected his option, it appears in text input. ### Client-side implementation This is the server-side (Java) API for Vaadin Platform for the vcf-autocomplete component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-autocomplete ### Sponsored development Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
Online