New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core Grid ForeignKey Column Binding

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
foreignkeycolumnbinding.cshtml
ForeignKeyColumnControllerBinding.cs
ForeignKeyColumnController.cs
ProductViewModel.cs
CategoryViewModel.cs
ForeignkeycolumnBinding_TagHelper.cshtml

Also available for:

CLIENT-SIDE API HTML HELPER API

Description

The ForeignKey column functionality of the Telerik UI for ASP.NET Core Grid component is primarily used for matching the value of a bound property to a desired text field from a collection that is external for the Data Grid. The ForeignKey column approach follows the convention of the SQL ForeignKey functionality that is used for linking two tables based on a foreign key.

This demo shows how to implement a foreign key column which fetches its values from a DataSource in the ASP.NET Core Data Grid which hosts the Telerik UI for ASP.NET Core DropDownList component as an editor for modifying the data.

For more information about the ForeignKey column capabilities, refer to the official Telerik UI for ASP.NET Core Data Grid product documentation on the available column settings.

Additional Apps

This Grid example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources