I use your DropDownList like this:
<ejs-dropdownlist id="country" placeholder="Select" dataSource="Model.BundeslaenderModelJson" value="5"></ejs-dropdownlist>
Model.BundeslaenderModelJson is the following Json:
[{"text":"Zentrale","value":"1"},{"text":"Wien","value":"2"},{"text":"Niederösterreich","value":"3"},{"text":"Oberösterreich","value":"4"},{"text":"Salzburg","value":"5"},{"text":"Tirol","value":"6"},{"text":"Vorarlberg","value":"7"},{"text":"Kärnten","value":"8"},{"text":"Steiermark","value":"9"},{"text":"Burgenland","value":"10"}]
When i load the page nothing is selected.
The value and the text field seems not bind correctly. In the Firefox debugger is see following when i look at the option of the control:
and when i click on an option it looks like this:
Two times the "text". I think there is something wrong?
