Directory

← Back

MultiselectComboBox

Multiselection ComboBox for Vaadin Flow

Author

Rating

Popularity

100+

Supports selecting multiple items from a combo box. Uses vaadin-combobox and vaadin-input.

Based on polymer 2 version from https://github.com/gatanaso/multiselect-combo-box

See original Demo here: https://multiselect-combo-box.firebaseapp.com/demo/

Sample code

 final MultiselectComboBox<String> box = new MultiselectComboBox<String>();
    box.setLabel("SimpleTest");
    box.setPlaceholder("Click here to select items");
    final List<String> items = new ArrayList<>();
    items.add("One");
    items.add("Two");
    items.add("Three");
    box.setItems(items);
 final MultiselectComboBox<User> box =
        new MultiselectComboBox<User>(user -> user.getForename() + " " + user.getSurename());
    box.setLabel("UserTest");
    box.setPlaceholder("Click here to select user");
    final List<User> items = new ArrayList<>();
    items.add(new User(0, "John", "Doe"));
    items.add(new User(1, "Jane", "Doe"));
    items.add(new User(2, "Bugs", "Bunny"));
    box.setItems(items);


 public class User {
    private Integer id;
    private String forename;
    private String surename;

    public User(Integer id, String forename, String surename) {
      this.id = id;
      this.forename = forename;
      this.surename = surename;
    }
// getter and settter
}

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

Bugfixrelease for wrong selection handling in dropdown

Released
2019-02-20
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 12+
Browser
N/A

MultiselectComboBox - Vaadin Add-on Directory

Multiselection ComboBox for Vaadin Flow MultiselectComboBox - Vaadin Add-on Directory
Supports selecting multiple items from a combo box. Uses vaadin-combobox and vaadin-input. Based on polymer 2 version from https://github.com/gatanaso/multiselect-combo-box See original Demo here: https://multiselect-combo-box.firebaseapp.com/demo/
Online