如何使用 ASP.NET MVC 3 编辑 IEnumerable<T>？

Question

给定以下类型

public class SomeValue
{
    public int Id { get; set; }
    public int Value { get; set; }
}

public class SomeModel
{
    public string SomeProp1 { get; set; }
    public string SomeProp2 { get; set; }
    public IEnumerable<SomeValue> MyData { get; set; }
}

我想为SomeModel 类型创建一个编辑表单，其中将包含SomeProp1 和SomeProp2 的常用文本字段，然后是一个表格，其中包含SomeModel.MyData 集合中每个SomeValue 的文本字段.

这是怎么做到的？这些值如何绑定回模型？

我目前有一个表单为每个值显示一个文本字段，但它们都具有相同的名称和相同的 ID。这显然不是有效的 HTML，并且会阻止 MVC 将值映射回来。

Answer 1

您可以使用编辑器模板来完成。这样，框架将处理所有事情（从正确命名输入字段到正确地将值绑定回 post 操作）。

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        // In the GET action populate your model somehow
        // and render the form so that the user can edit it
        var model = new SomeModel
        {
            SomeProp1 = "prop1",
            SomeProp2 = "prop1",
            MyData = new[] 
            {
                new SomeValue { Id = 1, Value = 123 },
                new SomeValue { Id = 2, Value = 456 },
            }
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(SomeModel model)
    {
        // Here the model will be properly bound
        // with the values that the user modified
        // in the form so you could perform some action
        return View(model);
    }
}

查看（~/Views/Home/Index.aspx）：

<% using (Html.BeginForm()) { %>

    Prop1: <%= Html.TextBoxFor(x => x.SomeProp1) %><br/>
    Prop2: <%= Html.TextBoxFor(x => x.SomeProp2) %><br/>
    <%= Html.EditorFor(x => x.MyData) %><br/>
    <input type="submit" value="OK" />
<% } %>

最后是编辑器模板 (~/Views/Home/EditorTemplates/SomeValue.ascx)，它将为 MyData 集合的每个元素自动调用：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MyApp.Models.SomeValue>" %>
<div>
    <%= Html.TextBoxFor(x => x.Id) %>
    <%= Html.TextBoxFor(x => x.Value) %>
</div>

Answer 2

IList 实现了 IEnumerable，因此您可以像这样修改您的模型：

public class SomeModel {
    public string SomeProp1 { get; set; }
    public string SomeProp2 { get; set; }
    public IList<SomeValue> MyData { get; set; }
}

您可以使用IModelBinder 接口为您的特定模型创建活页夹。有几种方法可以做到这一点。您可以为模型创建一个EditorFor cshtml，它将遍历您的SomeValue 列表并输出适当的ID 等等。然后，在您的 ModelBinder 实现中，您将阅读您的 id 并适当地绑定它们。我可以稍后发布一个工作示例。