ASP.NETMVC数组模型绑定详解

public class OrderModel
{
 /// 

 /// 航班号
 /// 
 public string FlightNo { get; set; }
 /// 

 /// 乘机人
 /// 
 public List Passengers { get; set; }
}
 
public class Passenger
{
 public string Name { get; set; }
 public string IdNo { get; set; }
}

public ActionResult New()
{
 Models.OrderModel orderModel = new Models.OrderModel();
 List passenger = new List();
 passenger.Add(new Models.Passenger());
 orderModel.Passengers = passenger;
 return View(orderModel);
}

 

 航班

 @Html.TextBoxFor(p => p.FlightNo, new { placeholder = "航班号" })
 
 

 乘机人
 
  @if (Model.Passengers != null && Model.Passengers.Count > 0) {
   for(int i = 0; i 
    
   }
  }
  

  
姓名：
    
@Html.TextBoxFor(p => Model.Passengers[i].Name)
    
身份证号：
    
@Html.TextBoxFor(p => Model.Passengers[i].IdNo)
    

    删除
    
   
 
 

  添加乘机人
 
 

// 添加乘机人
function addPassenger() {
 // 当前添加行数组元素下标
 var index = $(".passenger").find("tbody").find("tr").length;
 //{}是数组元素下标占位符
 var passengerHTML = $('#passengerTemplate').html().replace(/{}/g, index);
 $(".passenger").find("tbody").append(passengerHTML);
}

// 删除乘机人
function removePassenger(e) {
 $(e).parents("tr").remove();
 // 依次遍历表格的每行，重新调整数组下标
 var tb = $(".passenger").first();
 var count = tb.find("tbody").find("tr").length;
 for (var i = 0; i 

 

 

  航班

  
 
 

  乘机人
  

  

   

   
姓名：
   

   
身份证号：
   

   

    删除
   
   
  
  
  

  添加乘机人
  
  

  
  
 
 
 

[HttpPost]
public ActionResult NewPost()
{
 var jsOnString= Request.Form["viewModel"];
 Models.OrderModel model = Newtonsoft.Json.JsonConvert.DeserializeObject(jsonString);
 if (model != null) {
 // our code here...
 }
 return RedirectToAction("Index", "Home");
}