ASP.NET MVCのComponentOne Inputコントロールをスキャフォールディングする手順は、次のとおりです。
- データソースを設定します。アプリケーションでのデータソースの設定方法については、トピック「ASP.NET MVCコントロールのスキャフォールディング」を参照してください。
-
ソリューションエクスプローラーで、プロジェクト名を右クリックし、［追加］→［新規スキャフォールディングアイテム］を選択します。［スキャフォールディングを追加］ウィザードが表示されます。
-
［スキャフォールディングを追加］ウィザードで、［共通］を選択し、右ペインからC1 スキャフォールダーを選択します。
［共通］→［MVC］→［コントローラー］、または［共通］→［MVC］→［ビュー］を選択し、C1 スキャフォールダーを選択して、コントローラーまたはビューだけを追加することもできます。 -
［追加］をクリックします。
-
Inputコントロールを選択し、［次へ］を選択します。
［C1 ASP.NET MVC Input］ウィザードが表示され、デフォルトで［全般］タブが選択されます。 -
［全般］タブで、モデルを次のように指定します。
- ［コントローラー名］を入力します。
- ドロップダウンリストから［モデルクラス］を選択します。リストには、手順1で追加したC1NWind.edmxモデルに加えて、アプリケーションで使用できるすべてのモデルタイプが表示されます。この例では、［製品］を選択して、Inputコントロールに製品を挿入します。
- ドロップダウンリストから［データコンテキストクラス］を選択します。この例では、C1NWindEntitiesを選択します。
- ［フィールド］タブに移動し、Inputコントロールのフィールドを指定します。デフォルトでは、［フィールドの自動生成］がオンになっています。オフにすると、フィールドを追加および削除したり、最終的なビューに表示する順序になるように上下に移動することができます。この例では、次の図に示すようにフィールドを選択します。
- ［追加］をクリックします。選択したモデルのコントローラーと5つのビュー（Create、Delete、Details、Edit、Index）がプロジェクトに追加されます。コントローラーに生成されるコードは、次のとおりです。
Input1Controller.cs コードのコピー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; // このコードは、C1スキャフォールダによって生成しました。 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); } } }
5つのビューに対して生成されるコードは、次のようになります。
HTML Helpers
- プロジェクトを実行します。
