How we achieve tight coupling view in asp.net MVC?

Question

Nishi Tiwari · Answer

In asp.net mvc model bounded view is a tightly coupled and it is used for creating view. Let’s create
tightly coupled View in asp.net mvc application for that first we need to create Model, Controller and View.
Create Model in Asp.Net MVC Application 
For creating Model Right click on Models folder and#61664;then select Add and#61664; then select Class in asp.net mvc application. After that a new Dialog (Add New Item) will show asking us to enter Class name in which enter name “Person” like as shown below
and  After adding model now add some properties in this Person class as shown belowand 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Tutorial3.Models
{
public class Person
{
public int ID { get; set; }
public string Name { get; set; }
public string Address { get; set; }
public string Mobileno { get; set; }
}
}
Create Controller in Asp.Net MVC Application 
Now create simple Controller with name “PersonDetails” for that right click on Controllers folder and#61664; select Add and#61664;then Select Controller. Once we select Controller new popup box will open in which mention name as “PersonDetails” and select Template for example Empty MVC controller and click on add after configuring it like as shown 
and  After adding controller we can see default code generatedand 
and 
using System;and using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace Tutorial3.Controllers
{
public class PersonDetailsController : Controller
{
//
// GET: /PersonDetails/
public ActionResult Index()
{
return View();
}
}
}
and Now we will change the controller method by adding [HttpGet] attribute to the Action Method and return with new instance Model Person like as shown below
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Tutorial3.Models;
namespace Tutorial3.Controllers
{
public class PersonDetailsController : Controller
{
//
// GET: /PersonDetails/
[HttpGet]
public ActionResult Index()
{
return View(new Person());
}
}
}
Create View in Asp.Net MVC Application 
Now add view for which just right click inside controller and select Add View we will get a popup. Inside this popup we will see default View name and there no need to change that and we are going to use Razor engine that is why we should select Razor engine. In Model class we are going to select Person Model which we have created. In Scaffold template select Create item and click on Add button at last.
and  
After click Add button our View will create which will be tightly coupled to model as shown belowand and 
@model Tutorial3.Models.Person
@{
ViewBag.Title = andquot;Indexandquot;;
}
andlt;h2andgt;Indexandlt;/h2andgt;
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
andlt;fieldsetandgt;
andlt;legendandgt;Personandlt;/legendandgt;
andlt;div class=andquot;editor-labelandquot;andgt;
@Html.LabelFor(model =andgt; model.Name)
andlt;/divandgt;
andlt;div class=andquot;editor-fieldandquot;andgt;
@Html.EditorFor(model =andgt; model.Name)
@Html.ValidationMessageFor(model =andgt; model.Name)
andlt;/divandgt;
andlt;div class=andquot;editor-labelandquot;andgt;
@Html.LabelFor(model =andgt; model.Address)
andlt;/divandgt;
andlt;div class=andquot;editor-fieldandquot;andgt;
@Html.EditorFor(model =andgt; model.Address)
@Html.ValidationMessageFor(model =andgt; model.Address)
andlt;/divandgt;
andlt;div class=andquot;editor-labelandquot;andgt;
@Html.LabelFor(model =andgt; model.Mobileno)
andlt;/divandgt;
andlt;div class=andquot;editor-fieldandquot;andgt;
@Html.EditorFor(model =andgt; model.Mobileno)
@Html.ValidationMessageFor(model =andgt; model.Mobileno)
andlt;/divandgt;
andlt;pandgt;
andlt;input type=andquot;submitandquot; value=andquot;Createandquot;/andgt;
andlt;/pandgt;
andlt;/fieldsetandgt;
}
andlt;divandgt;
@Html.ActionLink(andquot;Back to Listandquot;, andquot;Indexandquot;)
andlt;/divandgt;
@section Scripts {
@Scripts.Render(andquot;~/bundles/jqueryvalandquot;)
}
and Here red mark border in below is showing view is tightly coupled to person Model.
In this way we can achieve Model bounded view or tightly coupled view in asp.net MVC.and

forum

How we achieve tight coupling view in asp.net MVC?

Anonymous User

Can you answer this question?

1 Answers

Liked By