MultiselectComboBox

Multiselection ComboBox for Vaadin Flow

View larger

Close

View larger

Close

View larger

Close

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
}

Links

• Issue tracker
• Online Demo
• Source Code

Compatibility