AutoSelectComboBox

ComboBox with autoselect and validation

Description

If there is only one match while typing a custom value in combobox, it selects the matched value in blur when either the user hit ENTER or leave focus from the field (clicking any other area outside of combobox).

The default behaviour of combobox is that when leaving the focus, it clears the value however with AutoSelectComboBox the value stay as it is and it can show a custom error massage if there is no exactly one match with the input.

Compatibility

• Version 1.x.x -> Vaadin 14+
• Version 2.x.x -> Vaadin 23.1.x
• Version 3.x.x -> Vaadin 23.2.x

Sample code

AutoSelectComboBox<Person> asComboBox = new AutoSelectComboBox<>("Another People");
asComboBox.setHelperText("Custom Web Component. Auto select if 1 option. Allow custom values + run validation against options.");
asComboBox.setDataProvider(dataProvider);
asComboBox.setItemLabelGenerator(Person::toString);

Binder<TestBean> binder = new Binder<>();
binder.forField(comboBox)
          .asRequired(Validator.from(personService::exists, "Please select one of the available values"))
          .bind(TestBean::getPerson, TestBean::setPerson);

TestBean item = new TestBean();
binder.setBean(item);

Links

• View on GitHub
• Online Demo
• Edit

Compatibility