Scaffolding Syncfusion Controls in ASP.NET Core Applications | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (180).NET Core  (28).NET MAUI  (226)Angular  (113)ASP.NET  (49)ASP.NET Core  (81)ASP.NET MVC  (87)Azure  (41)Black Friday Deal  (1)Blazor  (236)BoldSign  (14)DocIO  (24)Essential JS 2  (110)Essential Studio  (199)File Formats  (72)Flutter  (136)JavaScript  (226)Microsoft  (121)PDF  (83)Python  (1)React  (105)Streamlit  (1)Succinctly series  (131)Syncfusion  (963)TypeScript  (33)Uno Platform  (3)UWP  (3)Vue  (46)Webinar  (53)Windows Forms  (59)WinUI  (72)WPF  (163)Xamarin  (159)XlsIO  (38)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (10)Business intelligence  (55)Button  (4)C#  (164)Chart  (147)Chart of the week  (58)Cloud  (15)Company  (440)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (73)Development  (680)Doc  (7)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (7)Essential Tools  (13)Excel  (43)Extensions  (23)File Manager  (7)Gantt  (21)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (522)Mobile MVC  (9)OLAP server  (2)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (45)Performance  (13)PHP  (2)PivotGrid  (5)Predictive Analytics  (6)Report Server  (3)Reporting  (8)Reporting / Back Office  (9)Rich Text Editor  (12)Road Map  (12)Scheduler  (54)Security  (5)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (32)Solution Services  (4)Spreadsheet  (11)SQL  (15)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (113)UI  (405)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (627)What's new  (340)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Scaffolding ASP.NET Core

Scaffolding Syncfusion Controls in ASP.NET Core Applications

Syncfusion is happy to announce that scaffolding support for Syncfusion ASP.NET Core controls is available with our 2019 Vol 4 (v17.4.0.39) release.

In this blog, we will explain how to use scaffolding in an ASP.NET Core application with the Syncfusion DataGrid control for ASP.NET Core as an example.

What is scaffolding?

Scaffolding is a great way to kick-start model-view-controller (MVC) framework development. It is a code-generation framework for ASP.NET Core applications. Application developers can quickly create the controller and views with respect to the existing models in the application.

Scaffolding support for Syncfusion ASP.NET Core controls

Developers can be more productive with Syncfusion scaffolding because the system will fill in the data with Syncfusion code snippets to controllers and views. The following are the Syncfusion ASP.NET Core controls that support scaffolding:

Create model and DB context classes

To perform Syncfusion scaffolding, you should use model and DB context classes in your application. Please follow these steps to create model and DB context classes in an ASP.NET Core application, if does not exist:

Step 1: Create a new database and table using the SQL Server application if the project does not have the database.

Step 2: Open an existing ASP.NET Core web application project or create a new one in Visual Studio.

Step 3: Install the following NuGet packages in the application:

  • AspNetCore.Mvc.NewtonsoftJson
  • EntityFrameworkCore.SqlServer
  • EntityFrameworkCore.Tools
  • Extensions.Logging.Debug
  • VisualStudio.Web.CodeGeneration.Design

Step 4: To connect your SQL Server, go to View->SQL Server Object Explorer in SQL Server Object Explorer, right-click your database, and then copy the connection string.

Step 5: Now, open the Package Manager Console by selecting the project and then go to Tools->NuGet Package Manager->Package Manager Console.

Step 6: Execute the following commands in the Package Manager Console with the copied connection string:

>Scaffold-DbContext “{Connection String}” Microsoft.EntityFrameworkCore.SqlServer -OutputDir Model -Context “{Db context class name}” -DataAnnotations

Step 7: Now, Model and DbContext classes are created in the application. Build the project.

How to use Syncfusion scaffolding

Follow these steps to use Syncfusion scaffolding:

Step 1: Open an existing ASP.NET Core web application project or create a new one with the Entity Framework Data Model. Ensure that the application has been compiled once.

Step 2: Right-click the Controllersfolder in the Solution Explorer and select Add > New Scaffolded Item

Adding New Scaffolded Item
Adding New Scaffolded Item

Step 3: You will see the Add Scaffolddialog. Select Syncfusion ASP.NET Core UIScaffolder and click Add. This will display the Syncfusion UI Scaffolding dialog.

Adding Syncfusion ASP.NET Core UI Scaffolder
Adding Syncfusion ASP.NET Core UI Scaffolder

Step 4: Select the desired control—DataGridin our example—on which scaffolding should be performed and click Next.

Syncfusion UI Scaffolding control selection dialog
Syncfusion UI Scaffolding control selection dialog

The Syncfusion UI scaffolding for the selected control dialog will open.

Since we selected the DataGrid control, the model configuration dialog will open as shown in the following figure. Enter the Controller Name and View Name as per the application requirements. Select the required Model Class of the active project and its relevant Data Context Class and then click Next.

DataGrid model configuration dialog
DataGrid model configuration dialog

Step 5: In the wizard, select the features of your choice to be included and click Add.

DataGrid feature selection dialog
DataGrid feature selection dialog

The Controller and the corresponding View files will now be generated with the code snippets of the selected features.

Controller and view files added
Controller and view files added

Step 6: Then, add navigation to the created view file based on your requirement to open it in the webpage.

Step 7: Refer to the following UG documentation link to render the Syncfusion control after performing scaffolding.

Configure ASP.NET Core controls using the Syncfusion.EJ2.AspNet.Core package


Use Syncfusion scaffolding in your project to quickly add code that interacts with data models. Using it can reduce the amount of time it takes you to develop standard data operations in your project.

Syncfusion provides 70+ high-performance, lightweight, modular, and responsive ASP.NET Core UI controls such as DataGrid, Charts, and Scheduler. You can use these controls to speed up your application development.

For which control are you anticipating scaffolding support? Let us know in the comment section below. You can also contact us through our support forumDirect-Trac, or feedback portal. We will implement requests based on the number of customers requesting them.


Share this post:

Comments (4)

When my DataContext and Models are in a different project, they do not show up in the dropdowns. This is a very common setup so I was surprised to not see the Classes of project references.

Regret for the inconvenience. We have implemented to get the DataContext and model from other projects which added in the same solution. Please download the Syncfusion ASP.NET Core VSIX from the below link and extract the zip file.

To uninstall and install the updated Visual Studio Extension, run the SyncfusionVSIXInstaller.exe.

Is there an update for this for VS2022?

Hi Kevin,

We have provided ASP.NET Core extension for Visual Studio 2022. Please refer the below documentation and install the Syncfusion ASP.NET Core extension in Visual Studio 2022 then try out the scaffolding.


Comments are closed.

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed