We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to bind SQL table data to dropdown column?

Platform: ASP.NET Web Forms |
Control: Grid

In some cases, there is a need for the user to bind SQL table data to a dropdown in the grid. But the column will accept only text/value pair as input.




We suggest to convert the SQL Table result to the list of text/value pair. Then this result is set to be assigned to the corresponding dropdown column.

















The following screenshot shows the Dialog EditMode with SQL Table bound to dropdown column.


Figure: SQL Table bound to dropdown column.


2X faster development

The ultimate ASP.NET Web Forms UI toolkit to boost your development speed.
You must log in to leave a comment
Feb 03, 2019

hi how can I set the description field?

Farveen Sulthana Thameeztheen Basha [Syncfusion]
Feb 04, 2019

Hi David,


Thanks for using Syncfusion products.


From your query we suspect that you want to display text value in Grid and need to handle corresponding id value on server side while on Editing. When we bind dropdown dataSource in the form of text and value pair for Grid column, by default it will save the record by displaying  values in the dropdownList. Instead, if you want to save the records with text  to display on Grid, we suggest you to use ForeignKey column Feature of the Grid. Data Field and Text can be set using ForeignKeyField and ForeignKeyValue property of Columns.


Please refer to the code example:-

<ej:Grid ID="DetailGrid" runat="server" AllowPaging="True">


               <ej:Column Field="OrderID" HeaderText="Order ID" IsPrimaryKey="True" />

               <ej:Column Field="ID" HeaderText="Employee ID" ForeignKeyField="ID"

                    ForeignKeyValue="DESCRIZIONE" EditType="Dropdown" TextAlign="Right" Width="110" />

               <ej:Column Field="CustomerID" HeaderText="Customer ID" />

               <ej:Column Field="Freight" HeaderText="Freight" Format="{0:C}" />



Refer to the documentation Link and Demo Link:-





Farveen sulthana T


Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile