MVVM bound DropDownList problem: first value appears blank

[Siddhartha]

Problem reproduced at http://jsfiddle.net/MenYM/12/

I am using a drop down list, with following bindings to a view model:
1. source (simple array of items)
2. value 

I have also defined the data-role and, perhaps most importantly for this query, a data-option-label.

The problem is that if the data source defined in the view model is defined as an empty array, and at some point the data source is modified, the drop down list has an empty element, even before the data-option-label. (See the jsfiddle linked above).

On the other hand, if the data source had an element and afterwards was modified in the same way, the drop down list does not have an empty element.

What could be the problem here? Any pointers are appreciated.

Thanks,
Siddhartha Agrawal

[Georgi Krustev]

Hello Siddhartha,

 
The described behavior is expected. When you set the dataSource of the model, you just set the dataSource option of the DropDownList. In this case the DropDownList will not be initialized again. If you need to select an item then you will need to set the value of the model.

Regards,
Georgi Krustev
the Telerik team