Bind json data

[Prashant Prasad]

Hello,

I am trying to bind the json data to dropdownlist but its not working.

Below is my controller action code.

public JsonResult getGames2()
        {
            var data = new DropdownlistGameList().DropdownlistGameLists();

            IEnumerable<object> dropdownFilteredData=data.Select(s => new
            {
                key = s.Game,
                value = s.Id
            });
            return Json(new { result = dropdownFilteredData });
            //return Json(new { result = data, count = data.Count });
        }

And javascript code is

        var listObj2 = new ej.dropdowns.DropDownList({
            placeholder: 'Select a game',
            dataSource: new ej.data.DataManager(
                {
                    url: "@Url.Action("getGames2", "Dropdownlist")",
                    adaptor: new ej.data.UrlAdaptor(),
                    crossDomain: true
                }),
        }); listObj2.appendTo('#dropdown2');

but its not working.I have also attached sample code.Just click on DropdownList hyperlink and select Remote Data2.

Attachment: DropDownLocalData_3cceb706.zip

[Ponmani Murugaiyan]

Hi Prashant 

Thanks for contacting Syncfusion support. 

We are checking the reported query in our end. We will update further details in 2 business days (May 18, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Ponmani Murugaiyan]

Hi Prashant, 

Thanks for the patience. 

We have checked the shared sample and you have missed to bind the fields for the DropDownList component. So, we suggest you to define the fields based on the retuned data from the URL data source to get rid of the reported issue. 

            var listObj2 = new ej.dropdowns.DropDownList({ 

            placeholder: 'Select a game', 

            dataSource: new ej.data.DataManager( 

                { 

                    url: "@Url.Action("getGames2", "Dropdownlist")", 

                    adaptor: new ej.data.UrlAdaptor(), 

                    crossDomain: true 

                }), 

            fields: { text: 'key', value: 'value' }, 

        }); listObj2.appendTo('#dropdown2'); 

Screenshot: 

 

 

Modified sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DropDownLocalData1195233055  

 

Regards, 

Ponmani M. 

[Prashant Prasad]

Hi Ponmani

Thanks for the reply.

Will try and let you know if have any issue.

[Ponmani Murugaiyan]

Hi Prashant, 

Welcome. Please get back us if you need further assistance. 

Regards, 

Ponmani M