Add dropdownlist dynamically at runtime to Grid

[Jose Monzon]

Hi. I am using:

*  filename: ej.web.all.min.js

*  version : 17.2.0.46

I have this datamanager:

var dataManagerEmployees = ej.DataManager({

                url: "/api/Employees",

                adaptor: new ej.WebApiAdaptor()

            });

How can I add at runtime a dropdownlist with the dataManagerEmployees above to ejGrid?

[Padmavathy Kamalanathan]

Hi Jose, 

Thanks for contacting Syncfusion Forum. 

QUERY: Add Dropdown dynamically at run time to Grid 

 

From your query we understand that you need to render dropdown list above grid and change the dataSource of grid by changing dropdown value. 

This can be achieved by rendering dropdown in “dataBound” event of grid. And in the change event of dropdown, you can take instance of grid and assign dataSource to grid based on the value of dropdown. 

Please refer the below help documentations, 

https://help.syncfusion.com/api/js/ejgrid#events:databound 

https://help.syncfusion.com/api/js/ejgrid#methods:datasource 

https://help.syncfusion.com/js/dropdownlist/databinding#mvc-controller-action-binding 

https://help.syncfusion.com/js/dropdownlist/databinding#webapi-binding 

https://help.syncfusion.com/js/dropdownlist/howto#retrieve-the-selected-item-data-from-select-event-via-arguments 

If you have further queries, please get back to us. 

Regards, 

Padmavathy Kamalanathan 

[Jose Monzon]

Hello. Seems I made an error.  In my question:

"How can I add at runtime a dropdownlist with the dataManagerEmployees above to ejGrid"

by "above to ejGrid" I meant "using the dataManager", and the dropdownlist control should be in a column inside the grid.

In other words, I need to add a dropdownlist (with corresponding dataManagerEmployees") at runtime, to a column inside ejGrid.

[Farveen Sulthana Thameeztheen Basha]

Hi Jose, 

We have checked your query and you can dynamically bind the dataSource for dropdownlist inside the Grid column using dataSource property . Also you can bind remote Data while on Editing as like below KB:- 

Refer to the KB link:- 

https://www.syncfusion.com/kb/5025/how-to-change-columns-datasource-dynamically 

 https://www.syncfusion.com/kb/7524/how-to-change-dropdown-datasource-while-editing 

https://www.syncfusion.com/kb/6816/how-to-render-the-dropdown-with-datasource-fetched-by-remote-service-while-editing 

From this KB, you can change dropdownList dataSource while at initialRendering as well as Editing.  If your requirement is different from above scenario, please get back to us with further details. 

Regards, 

Farveen sulthana T