Directory

← Back

ComboBoxMultiselect Add-on

Client-side multisectable ComboBox

Author

Contributors

Rating

The ComboBoxMultiselect component is a client-side Widget. As example was used the ComboBox from Vaadin and the VFilterSelect from Vaadin.

Features:

  • multiselect with checkbox
  • clear selection option

Plans for the future:

  • add scss

Sample code

// Vaadin 7 example!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// Initialize a list with items
List<NamedObject> list = new ArrayList<NamedObject>();
NamedObject vaadin = new NamedObject(2L, "Vaadin”);
list.add(new NamedObject(1L, "Java"));
list.add(vaadin);
list.add(new NamedObject(3L, "Bonprix"));
list.add(new NamedObject(4L, "Addon"));

// Initialize the ComboBoxMultiselect
final ComboBoxMultiselect comboBoxMultiselect = new ComboBoxMultiselect();
comboBoxMultiselect.setInputPrompt("Type here");
comboBoxMultiselect.setCaption("ComboBoxMultiselect");
comboBoxMultiselect.addItems(list);
comboBoxMultiselect.select(vaadin);
// Initialize a list with items
List<NamedObject> list = new ArrayList<NamedObject>();
NamedObject vaadin = new NamedObject(2L, "Vaadin");
list.add(new NamedObject(1L, "Java"));
list.add(vaadin);
list.add(new NamedObject(3L, "Bonprix"));
list.add(new NamedObject(4L, "Addon"));

// Initialize the ComboBoxMultiselect
final ComboBoxMultiselect<NamedObject> comboBoxMultiselect = new ComboBoxMultiselect<>();
comboBoxMultiselect.setPlaceholder("Type here");
comboBoxMultiselect.setCaption("ComboBoxMultiselect");
comboBoxMultiselect.setItems(list);
comboBoxMultiselect.setValue(new HashSet<>(Arrays.asList(vaadin)));

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

Released
2017-03-28
Maturity
BETA
License
MIT License

Compatibility

Framework
Vaadin 7.5+
Vaadin 8.0+ in 2.2
Browser
Internet Explorer
Internet Explorer
Internet Explorer
Firefox
Opera
Safari
Google Chrome
Internet Explorer
iOS Browser
Android Browser
Internet Explorer
Internet Explorer
Online