# Scaffolding
## Content
The steps to scaffold **ComponentOne Input** control for ASP.NET MVC are as follows:
1. Configure the datasource.
2. In the Solution Explorer, right-click the project name and select **Add\|New Scaffolded Item**. The **Add Scaffold** wizard appears.
3. In the Add Scaffold wizard, select **Common** and then select **C1 Scaffolder** from the right pane. You can also select **Common\|MVC\|Controller** or **Common\|MVC\|View** and then **C1 Scaffolder** to add only a controller or a view.
4. Click **Add**.
5. Select **Input** control and click **Next**.
The **C1 ASP.NET MVC Input** wizard appears with the General tab selected by default.
6. In the **General** tab, specify the model as follows:
1. Type the **Controller Name** and **View Name**.
2. Select **Model Class** from the drop-down list. The list shows all the available model types in the application in addition to the C1NWind.edmx model added in Step 1. In our case, we select Product to populate products in the Input control.
3. Select **Data Context Class** from the drop-down list. In our case, we select C1NWindEntities.
7. Go to the **Fields** tab to specify the fields in the Input control. By default, **Auto Generate Fields** is checked; if not, then you can add, delete, or move fields upward or downward in the sequence in which they should appear in the final view. In our case, we have selected fields as shown in the following image:
8. Click Add. You will notice that a Controller and five Views - Create, Delete, Details, Edit, and Index for the selected model are added to your project. The code generated for the Controller is as follows:
```csharp
using System;
using System.Collections.Generic;
using System.Linq;
using C1.Web.Mvc;
using C1.Web.Mvc.Serializition;
using System.Web;
using System.Data;
using System.Web.Mvc;
using System.Data.Entity;
// This code was generated by C1 Scaffolder.
namespace C1MvcWebAppScaffolding.Controllers
{
public partial class Input2Controller : Controller
{
private C1MvcWebAppScaffolding.Models.C1NWindEntities db = new C1MvcWebAppScaffolding.Models.C1NWindEntities();
public ActionResult Index()
{
var model = db.Products;
return View(model);
}
public ActionResult Details(int key1)
{
var model = db.Products.Find(key1);
if (model == null)
{
return HttpNotFound();
}
return View(model);
}
public ActionResult Create()
{
return View();
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ProductID,ProductName,SupplierID,CategoryID,QuantityPerUnit,UnitPrice,UnitsInStock,UnitsOnOrder,ReorderLevel,Discontinued")] C1MvcWebAppScaffolding.Models.Product product)
{
if (ModelState.IsValid)
{
db.Products.Add(product);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(product);
}
public ActionResult Edit(int key1)
{
var model = db.Products.Find(key1);
if (model == null)
{
return HttpNotFound();
}
return View(model);
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ProductID,ProductName,SupplierID,CategoryID,QuantityPerUnit,UnitPrice,UnitsInStock,UnitsOnOrder,ReorderLevel,Discontinued")] C1MvcWebAppScaffolding.Models.Product product)
{
if (ModelState.IsValid)
{
db.Entry(product).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(product);
}
public ActionResult Delete(int key1)
{
var model = db.Products.Find(key1);
if (model == null)
{
return HttpNotFound();
}
return View(model);
}
[HttpPost, ActionName("Delete")]
[ValidateAntiForgeryToken]
public ActionResult DeleteConfirmed(int key1)
{
var model = db.Products.Find(key1);
db.Products.Remove(model);
db.SaveChanges();
return RedirectToAction("Index");
}
protected override void Dispose(bool disposing)
{
if (disposing)
{
db.Dispose();
}
base.Dispose(disposing);
}
}
}
```
The codes generated for the five views are as follows:
**Create**
```razor
@using C1.Web.Mvc
@using C1.Web.Mvc.Fluent
@model C1MvcWebAppScaffolding.Models.Product
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
Product
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.ActionLink("Edit", "Edit", new {key1=item.ProductID}) |
@Html.ActionLink("Details", "Details", new {key1=item.ProductID}) |
@Html.ActionLink("Delete", "Delete", new {key1=item.ProductID})
}
```
9. Run the project.
