[Solved] Grouped options

[METRI]

Hello,
Using Angular and Kendo dropdown, I am trying to come up with drop down options that are grouped like below:
dark
     red
     blue
light
     white
     yellow

my model looks like:
$scope.colors = [      {name:'black', shade:'dark'},      {name:'white', shade:'light'},      {name:'red', shade:'dark'},    {name:'yellow', shade:'light'}    ];

Here is the Telerik Dojo snippet: http://dojo.telerik.com/@dhreddy/AdAla/2

using ng-options result in undefined options. Is there a different way to do this? Please help. Thanks.

Harsha

[Georgi Krustev]

Hello Harsha,

Currently, widget does not support group headers, hence it will not work with a SELECT element that has group items in it. There is a UserVoice discussion on the subject, I would suggest you cast your vote for it.
For now the only feasible workaround is to avoid using DropDownList widget with grouped data.

Regards,
Georgi Krustev
Telerik