)
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. (Last updated on: June 24, 2019).
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 |
Published Date: March 29, 2017 |
Last Revised Date: March 29, 2017

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.

 

Solution

 

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.

 

Razor

 

 

Controller

 

 

Aspx

 

 

C#

 

 

 

Result

 

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.
ADD COMMENT
You must log in to leave a comment
Comments
David
Feb 03, 2019

hi how can I set the description field?
https://postimg.cc/gallery/100xnhbam/
Tanks

Reply
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">

         <Columns>

               <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}" />

    ej:Grid>

 

Refer to the documentation Link and Demo Link:-

https://help.syncfusion.com/aspnet/grid/columns?cs-save-lang=1&cs-lang=csharp#foreign-key-column

https://asp.syncfusion.com/demos/web/grid/foreignkeycolumn.aspx

 

Regards,

Farveen sulthana T

Reply

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
Live Chat Icon