Value not selected

[Thomas Schinagl]

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?

• Im Wörterbuch speichern
  • Keine Wortliste für Englisch -> Deutsch...
  • Eine neue Wortliste erstellen...
• Kopieren

[Sureshkumar P]

Hi Thomas, 

 

Greetings from Syncfusion support. 

 

We have checked the reported requirement. We would like to let us know that when bind the object type dataSource then you need to use the fields for selecting the value property the object dataSource. Also, text property value will be set to the select element’s innerText and the select element’s text property. Kindly refer the below code,  

 

<ejs-dropdownlist id="country" placeholder="Select" dataSource="@ViewBag.data" value="@ViewBag.val"> 

    <e-dropdownlist-fields text="Vegetable" value="Id"></e-dropdownlist-fields> 

</ejs-dropdownlist> 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-314882790  

 

Regards, 

Sureshkumar P 

[Thomas Schinagl]

Ok thanks. I thought its enough when the datasource have a "value" and a "text" property.

[Prince Oliver]

Hi Thomas, 

Most welcome. You can refers to our documentation site, if you need any further assistance regarding this. 

UG link: https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/data-binding/ 

We are always happy to assist you. 

Regards, 

Prince