How to create a Combobox with dropdown tree view?

Flow
1

Hello everyone,

I’m a very new user of vaadin.
I choose vaadin use for my work. It looks so cool.

In my project, I need create a combobox with dropdown tree view with many level,
and we can expand/collapse child node when click on parent node.
When search in combobox, parent of child matched must display.

Any idea could be great help for me,

Please help me…

Thanks!

2

Are you using
Vaadin Elements
 or
Vaadin Framework
?

Vaadin Framework:
Because there is no support for hierarchical data representation in
ComboBox
. I would approach this need by creating a
CustomField
 that uses internally a
Tree
 component and a
TextField
 that filters the Tree’s content.

Elements:
Again, no support for hierarchical data in
vaadin-combobox
 element. You could use a
vaadin-text-field
 and a
paper-tree
 together to achieve the desired result.

3

If you want to create a custom component based on ComboBox, I suggest you take a look at the
ComboBoxMultiselect add-on in the Directory
. It’s not exactly the thing you’re after, but it could be a good starting point.

If you do create such an add-on, it’d be great to see it published in the Directory too :slight_smile:

-Olli