--- title: "Scaffolding Syncfusion Controls in ASP.NET MVC Applications" published_at: "2019-06-03T11:00:44+00:00" modified_at: "2019-06-03T08:38:32+00:00" url: "https://www.syncfusion.com/blogs/post/scaffolding-syncfusion-controls-in-asp-net-mvc" excerpt: "Syncfusion began providing scaffolding support for the Syncfusion ASP.NET MVC (Essential JS 2) platform with the 2018 Vol 4 (v16.4.0.42) release. Our latest release is available for download from the License & Downloads page. If you are new to Syncfusion,..." taxonomy_category: - "ASP.NET MVC" - "Chart" - "DataGrid" - "Scheduler" taxonomy_post_tag: - "ASP.NET MVC" - "Chart" - "DataGrid" - "Scaffolding" - "Scheduler" --- # Scaffolding Syncfusion Controls in ASP.NET MVC Applications [Kannan](https://www.syncfusion.com/blogs/author/skannan) ![Syncfusion Scaffolding](https://www.syncfusion.com/blogs/wp-content/uploads/2019/05/Syncfusion-Scaffolding.jpg) Syncfusion began providing [scaffolding](https://docs.microsoft.com/en-us/aspnet/visual-studio/overview/2013/aspnet-scaffolding-overview) support for the Syncfusion ASP.NET MVC (Essential JS 2) platform with the 2018 Vol 4 (v16.4.0.42) release. Our latest release is available for download from the [License & Downloads](https://www.syncfusion.com/account/downloads) page. If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/downloads/aspnetmvc-js2/confirm) to check out the new features. On the other hand, you can install [Syncfusion ASP.NET MVC Extensions](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETMVCExtensions) from the Visual Studio marketplace following this [blog](https://blog.syncfusion.com/post/syncfusion-extensions-in-visual-studio-marketplace.aspx) . In this blog, we will explain how to use scaffolding in an ASP.NET MVC application with the Syncfusion [DataGrid](https://www.syncfusion.com/aspnet-mvc-ui-controls/grid) control for ASP.NET MVC. ## 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 MVC applications that allows application developers to quickly create the controller and views with respect to the existing models in the application. ## Scaffolding Support for Syncfusion ASP.NET MVC 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 MVC controls which currently have scaffolding support: 1. [DataGrid](https://www.syncfusion.com/aspnet-mvc-ui-controls/grid) 2. [Charts](https://www.syncfusion.com/aspnet-mvc-ui-controls/charts) 3. [Scheduler](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler) ## How to use Syncfusion Scaffolding The following steps will explain how to use Syncfusion scaffolding: 1. Open an existing ASP.NET MVC web application project or create a new one with the Entity Framework Data Model. Ensure that the application has been compiled once. 2. Right-click the **Controllers** folder in the Solution Explorer and select ** Add > New Scaffolded Item**… ![Adding New Scaffolded Item](https://blog.syncfusion.com/wp-content/uploads/2019/05/Adding-New-Scaffolded-Item.png) *Adding New Scaffolded Item* 3. You will see the **Add Scaffold** dialog. Select ** Syncfusion ASP.NET MVC UI** ** Scaffolder**and click the ** Add** button. This will display the ** Syncfusion UI Scaffolding** dialog. ![Adding Syncfusion ASP.NET MVC UI Scaffolder](https://blog.syncfusion.com/wp-content/uploads/2019/05/Adding-Syncfusion-ASP.NET-MVC-UI-Scaffolder.png) *Adding Syncfusion ASP.NET MVC UI Scaffolder* 4. Select the desired control—**DataGrid** in our example—on which scaffolding should be performed and click ** Next**. ![Syncfusion UI Scaffolding control selection dialog](https://blog.syncfusion.com/wp-content/uploads/2019/05/Syncfusion-UI-Scaffolding-control-selection-dialog.png) *Syncfusion UI Scaffolding control selection dialog* 5. 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](https://blog.syncfusion.com/wp-content/uploads/2019/05/DataGrid-model-configuration-dialog.png) *DataGrid model configuration dialog* The Syncfusion UI Scaffolding for Chart will be similar to that of the DataGrid. But the dialog for **Scheduler** control will demand some more details such as ** Event ID**, ** Event StartTime**, ** Event EndTime**, and ** Event**** IsAllDay**. 6. In the wizard, select the features of your choice to be included and click on **Add**. ![DataGrid feature selection dialog](https://blog.syncfusion.com/wp-content/uploads/2019/05/DataGrid-feature-selection-dialog.png) *DataGrid feature selection dialog* 7. The **Controller** and the corresponding ** View** files will now be generated with the code snippets of the selected features. ![Controller and View file added](https://blog.syncfusion.com/wp-content/uploads/2019/05/Controller-and-View-file-added.png) *Controller and View file added* 8. Refer to the following UG documentation links to render the Syncfusion control after performing scaffolding. **MVC4:** [Configure Essential JS 2 using Syncfusion.EJ2.MVC4 package](https://ej2.syncfusion.com/aspnetmvc/documentation/getting-started/visual-studio-2017/#configure-essential-js-2-in-the-application-1) **MVC5:** [Configure Essential JS 2 using Syncfusion.EJ2.MVC5 package](https://ej2.syncfusion.com/aspnetmvc/documentation/getting-started/visual-studio-2017/#configure-essential-js-2-in-the-application) ## Conclusion You can add Syncfusion scaffolding to your project when you want to quickly add code that interacts with data models. Using it can reduce the amount of time to develop standard data operations in your project. To which control are you expecting the scaffolding support? Let us know in the comment section below, you can also contact us through our [support forum](https://www.syncfusion.com/forums) , [Direct-Trac](https://www.syncfusion.com/support/directtrac/incidents) , or our [Feedback Portal](https://www.syncfusion.com/feedback/) . We will implement it in a sequence, based on the number of customers requesting it.