MVC 2 asp.net VC2010：“数据绑定”在哪里发生？

Question

理解问题：

1.）“X_IndexViewModel”类

public class X_IndexViewModel
{
   public List<SelectListItem> CheckBox_1 { get; set; } 
   ...
}

2.）XController.cs

public ActionResult Index()
{ 
    X_IndexViewModel viewModel = new X_IndexViewModel
    {
        CheckBox_1 = new List<SelectListItem>() 
        {
            new SelectListItem 
            {   
                Selected = true,
                Text = "some text",
                Value ="another text"
            }
        },    
        ... 
    }
    return View(viewModel);
}

3.）继承“X_IndexViewModel”的网站“Index.aspx”

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Test.ViewModels.X_IndexViewModel>" %>
   ...      
   <!-- rendering a checkbox -->
   <% foreach (var item in Model.CheckBox_1) { %> 
   <%: Html.CheckBox("CheckBox_1", item.Selected, new {id="CheckBox_1"}) %>
       <label for="CheckBox_1<%: item.Text %>"><%: item.Text %></label> 
   <% } %>
   ...

4）“真实”模型类“XModel”仅包含一个布尔值来存储是否存在的信息用户是否选择了复选框...

public class XModel
{
    public bool CheckBox_1 {get; set;}
    ...
}

5) 在“XController.cs”中，

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Index(XModel model, FormCollection Form)

令我惊讶的是 POST ActionResult 方法的参数 model 很好地填充了 true或 false 作为复选框。

我不明白的是：

我使用 X_IndexViewModel 类的实例 (X_IndexViewModel viewModel = new X_IndexViewModel { ... } ) 用一些值填充复选框（例如 selected = true 或 false 等）。

然后是使用 viewModel 呈现的网站（其中 viewModel 是 X_IndexViewModel 类的实例）。 这工作正常，因为网站继承了 X_IndexViwModel。

当用户提交表单时，此事件（post 事件）由 [AcceptVerbs(HttpVerbs.Post)] ActionResult 方法和 XModel 类属性由复选框值填充。

所以我的问题是：

“X_IndexViewModel”和“XModel”之间的绑定发生在哪里？

哪个语句说：X_IndexViewModel CheckBox1 的返回值应存储在 XModel 属性 CheckBox1 中？

Answer 1

经过大量编辑和重新阅读您的帖子后，我想我明白您的要求。 X_IndexViewModel 绑定到您创建的 CheckBox 的原因是 CheckBox 的命名与模型属性完全相同。它们都被命名为 CheckBox1。

这就是 ASP.NET MVC 魔法发生的地方。它将模型属性与名称匹配的值进行匹配，并且可以加载这些值。

因此，当发布控件时，会发生相反的情况。使用不同的类来接收数据并不重要，因为它匹配属性名称和预期类型。由于数据被发布到一个控制器，该控制器的模型具有与 HTML 中的 CheckBox 控件同名的属性，因此它会自动将值放入其中。这一切都在幕后发生MVC 框架，我喜欢称其为MVC MAGIC SAUCE。

如果您想测试它，请使用您的确切示例并将 XModel bool 属性名称更改为 CheckBox2。这些值不会自动放入接收模型中，因为属性名称不再与 HTML 的控件名称 (ID) 匹配。

您也可以对传入的原始模型执行相同的操作来创建视图 (X_IndexViewModel)。将其更改为 CheckBox2 并且 HTML 将不再自动反映模型中的值，因为 CheckBox2 的模型属性与 CheckBox1< 的控件名称不匹配/代码>。

您可以阅读以下一些其他链接，其中包含更多示例和说明：

1. ASP.NET MVC 模型绑定
2. 集合的 ASP.NET MVC 2 模型绑定
3. ASP.NET MVC 模型绑定的 6 个技巧