Missing OptGroups implementation on NativeSelect

Vaadin 6 / 7 / 8 Framework UI
1

Is there currently a way to emmulate or replicate the HTML tag on Vaadin? I want to display a list of options grouped by some criteria in the following fashion:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

How can I get the desired functionality with a NativeSelect or ComboBox? I have searched at the API and I find nothing about option groups on selects.

2

The option grouping is currently not implemented in the selection components. I guess it should use HierarchicalContainer as the data model. Made a ticket for this (
#4639
).

3

Hi,

Any update for optgroup in select component?

Thanks.

4

Nothing done so far.

For Vaadin ComboBox, this might be quite complex to implement before a rewrite of the client side of ComboBox (VFilterSelect), which we hope to do at some point.

It might be somewhat easier to do limited support for NativeSelect, but there the HTML/DOM select element restricts what is possible (e.g. no nested optgroups). Still, not done at the moment.

5

Any update on this?

6

Any update on this?
It would be usefull for either NativeSelect or Combobox to use the Optgroup since it provides a better user experience if many data have to be shown to the user, and minimize the number of comboboxe’s (i.e. instead of having one combo for Swedish cars and another for the Cars brands,