0
168
VisualizaçõesBinding a Nested Object in ASP.NET MVC - Razor
My ASP.NET MVC viewmodel is designed as below
public class Customer
{
public int CustomerId{ get; set; }
public string CustomerName{ get; set; }
public Address CustomerAddress {get;set;}
}
public class Address
{
public int AddressId{ get; set; }
public string HouseName{ get; set; }
public string Location{get;set;}
}
How can I bind Address object properly in cshtml page so that it should be available after form Submit.
In cshtml page I want bind it the properties as below
@model CustomerManagement.Model.ViewModels.Customers.Customer
@using (Html.BeginForm())
{
@Html.EditorFor(model => model.CustomerName, new { htmlAttributes = new { @class = "form-
control readOnlySchdCode", @readonly = "readonly" } })
@Html.Hidden("AddressId", Model.Address.AddressId)
@Html.Hidden("HouseName", Model.Address.HouseName)
}
In controller form submit will look like as below
public async Task<ActionResult> AddCustomer(Customer model)
{
//How can i access Address properties eg:model.CustomerAddress.AddressId??
}
Can anyone share a sample code on how to bind the Above viewmodel properly in cshtml using razor template and how properties are properly retrieved in Action method while form submit.
2 Respostas
Responde à pergunta0
Here is a little example
public class BigViewModel : IModelOptions
{
public bool Confirm { get; set; }
public SmallViewModel SmallView { get; set; }
}
public class SmallViewModel
{
public string Stuff{ get; set; }
}
public interface IModelOptions
{
SmallViewModel SmallView { get; set; }
}
and our controller would be like
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(BigViewModel model)
{
var smallVIewModelInfo = model.SmallView.Stuff;
var bigViewModelConfirm = model.Confirm;
return View();
}
}
using view like
@model MvcApplication1.Models.BigViewModel
0
You could try this way.
Client side:
@using Newtonsoft.Json.Linq
@using WebAppDemo.Models
@model WebAppDemo.Models.Customer
@{
ViewData["Title"] = "Home Page";
}
@{
ViewBag.Title = "Home Page";
}
<br />
@using (Html.BeginForm("AddCustomer", "Home", FormMethod.Post, new { id = "Form1" }))
{
<div class="row">
<div class="col-lg-2">Cust Id</div>
<div class="col-lg-10">
@Html.TextBoxFor(a => a.CustomerId, new { @class = "form-control" })
</div>
</div>
<br />
<div class="row">
<div class="col-lg-2">Customer Name</div>
<div class="col-lg-10">
@Html.TextBoxFor(a => a.CustomerName, new { @class = "form-control" })
</div>
</div>
<br />
<div class="row">
<div class="col-lg-2">Address</div>
<div class="col-lg-10">
@Html.TextBoxFor(a => a.CustomerAddress.HouseName, new { @class = "form-control" })
</div>
</div>
<br />
<div class="row">
<div class="col-lg-12"><input type="submit" value="Submit" class="btn btn-primary"></div>
</div>
}
Form Output Should Be Like:
Controller:
[HttpPost] //attribute to get posted values from HTML Form
public ActionResult AddCustomer(Customer model)
{
return Ok();// For testing I just kept it as `Ok` You can return `View()`;
}
Note: Please try to pass value on form as per
Model propertydescriptions. Other than you might getnullvalue.
Output:
Hope it will help you. Let me know if you have any further concern.