Binding to Dictionary

[Michael Lambert]

Is it possible to bind a ejs-dropdownlist to a dictionary object from a linq query?

Dictionary<string, Guid> vEmps = res.Emps.ToDictionary(g => g.Badge, g => g.EmpId);

------------------

<ejs-dropdownlist id="ddlvEmps" dataSource="@Model.vEmps" popupHeight="220px">
    <e-dropdownlist-fields text="Key" value="Value"></e-dropdownlist-fields>
</ejs-dropdownlist>
----------------------

The data does get bound to the control, but looks like not in the proper format.

Thanks,

Mike

[Prince Oliver]

Hi Michael, 

 

Thank you for contacting Syncfusion support.  

 

We have checked shared code snippet and screen shot. In your code snippet DropDownList component’s field property is mapped to “key” and “value”  for text and value fields respectively, but your json data source from the controller does not match this specified key and value pair data in the json object. So, the DropDownList’ s items list is not generated.  

  

[View] 

<ejs-dropdownlist id="ddlvEmps" dataSource="@Model.vEmps" popupHeight="220px"> 

    <e-dropdownlist-fields text="Key" value="Value"></e-dropdownlist-fields> 

</ejs-dropdownlist> 

 

The data source must be in following format to work properly with the DropDownList control. Kindly make necessary changes in your end. 

 

[data] 

dataSource: [ 

 

    { "Key": "779A", "Value": "00000000-0000-0000-0000-000000000000" }, 

 

    { "Key": "201A", "Value": "5602d953-563e-48e3-aaf3-0020ee4434be" } 

 

] 

 

Please let us know if you need any further assistance on this. 

 

Regards, 

Prince