Asp.net Mvc 中的模型綁定

asp.net mvc中的模型綁定可以在提交http請求的時候，進行數據的映射。

1.沒有模型綁定的時候

public ActionResult Example0()
{
    if (Request.Form.Count > 0)
    {
        string id = Request.Form["Id"];
        string fname =Request.Form["FirstName"];
        string lname = Request.Form["LastName"];
        ViewBag.StatusMessage = "Employee data received successfully for ID " + id  + "!";
    }
    return View();
}

 

2.簡單綁定數據

[HttpPost]
public ActionResult Example1(string id, string firstname, string lastname)
{
    ViewBag.StatusMessage = "Employee data received successfully for ID " + id + "!";
    return View();
}

頁面內容

<tr>
...
  <td>
    <input name="Id" type="text" />
  </td>
</tr>
<tr>
...
  <td>
     <input name="FirstName" type="text" />
  </td>
</tr>
<tr>
...
  <td>
     <input name="LastName" type="text" />
  </td>
</tr>

3.綁定一個類類型

[HttpPost]
public ActionResult Example2(Employee emp)
{
   ViewBag.StatusMessage = "Employee data received successfully for ID " + emp.Id + "!";
   return View();
}

 

類如下：

public class Employee
{
    public string Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

4.綁定一個類的屬性

[HttpPost]
public ActionResult Example3(Employee emp)
{
   ViewBag.StatusMessage = "Employee data received successfully for ID " + emp.Id + "!";
   return View();
}

類如下：

public class Employee
{
    public string Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public Address HomeAddress { get; set; }
}

public class Address
{
    public string Street { get; set; }
    public string Country { get; set; }
    public string PostalCode { get; set; }
}

頁面內容：

<tr>
...
<td>
   <input name="HomeAddress.Street" type="text" /></td>
</tr>
...
<td>
   <input name="HomeAddress.Country" type="text" /></td>
</tr>
...
<td>
   <input name="HomeAddress.PostalCode" type="text" /></td>
</tr>

5.綁定簡單類型的集合

[HttpPost]
public ActionResult Example4(IList<string> id, IList<string> name)
{
    ViewBag.StatusMessage = "Employee data received successfully for " + id.Count + " records!";
    return View();
}

頁面內容：

...
<tr>
  <td align="right" nowrap="nowrap" width="15%">
    <input name="id" type="text" size="20" /></td>
  <td>
    <input name="name" type="text" />
  </td>
</tr>
<tr>
  <td align="right" nowrap="nowrap" width="15%">
    <input name="id" type="text" size="20" />
  </td>
  <td>
    <input name="name" type="text" />
  </td>
</tr>
<tr>
  <td align="right" nowrap="nowrap" width="15%">
    <input name="id" type="text" />
  </td>
  <td>
    <input name="name" type="text" />
  </td>
</tr>
...

6.綁定一個類的集合

[HttpPost]
public ActionResult Example5(IList<Employee> employees)
{
    ViewBag.StatusMessage = "Employee data received successfully for " + employees.Count + " records!";
    return View();
}

頁面內容：

...
        <tr>
            <td align="right" nowrap="nowrap" width="15%">
                <input name="[0].id" type="text" size="20" />
            </td>
            <td>
                <input name="[0].FirstName" type="text" />
            </td>
            <td>
                <input name="[0].LastName" type="text" />
            </td>
        </tr>
        <tr>
            <td align="right" nowrap="nowrap" width="15%">
                <input name="[1].id" type="text" size="20" />
            </td>
            <td>
                <input name="[1].FirstName" type="text" />
            </td>
            <td>
                <input name="[1].LastName" type="text" />
            </td>
        </tr>

...

注意索引是從0開始，中間不間斷

如果，遇到有動態的Add和Delete功能，則索引不好去設置，可以使用下面的方法：

添加一個隱藏控件，控件名稱后綴為.Index

Controller不變，頁面內容更改為：

...
<tr>
    <td align="right" nowrap="nowrap" width="15%">
        <input  type="hidden" name="employees.Index" value="100" />
        <input name="employees[100].id" type="text" size="20" />
    </td>
    <td>
        <input name="employees[100].FirstName" type="text" />
    </td>
    <td>
        <input name="employees[100].LastName" type="text" />
    </td>
</tr>
<tr>
    <td align="right" nowrap="nowrap" width="15%">
        <input  type="hidden" name="employees.Index" value="ccc" />
        <input name="employees[ccc].id" type="text" size="20" />
    </td>
    <td>
        <input name="employees[ccc].FirstName" type="text" />
    </td>
    <td>
        <input name="employees[ccc].LastName" type="text" />
    </td>
</tr>
...

7.可自定義模型

[HttpPost]
public ActionResult Example6([ModelBinder(typeof(EmployeeBinder1))]Employee employee)
{
    ViewBag.StatusMessage = "Employee data received successfully for " + employee.Id + "!";
    return View();
}

綁定方法：

public class EmployeeBinder1:IModelBinder
{
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        Employee emp = new Employee();
        emp.Id = "E" + controllerContext.HttpContext.Request.Form["Id"];
        emp.FirstName = controllerContext.HttpContext.Request.Form["FirstName"];
        emp.LastName = controllerContext.HttpContext.Request.Form["LastName"];
         emp.BirthDate = new DateTime(int.Parse(controllerContext.HttpContext.Request.Form["year"]), 
            int.Parse(controllerContext.HttpContext.Request.Form["month"]), 
            int.Parse(controllerContext.HttpContext.Request.Form["day"]));
        return emp;
    }
}