entity-framework-4 - ASP.NET MVC 3 如何在创建 View 上为具有 ICollection 属性的模型提供多字段创建功能

Question

注意:我使用的是MVC3+Razor、EF4、CF-CTP5

1. 如何让 View 能够在客户端上为每个组织动态添加多个地址类，并在发布时与模型紧密绑定(bind)？

2. 如果 (ModelState.IsValid == false)，如何让 View 解析模型中的值，这样如果您输入 3 个地址并发布无效模型，它会重新填充数字地址及其值合适的值？

这是我的模型:

public class Organization
{
    public int Id { get; set; }
    public string Name { get; set; }
    public virtual ICollection<Address> Addresses { get; set; }
    public virtual ICollection<PhoneNumber> PhoneNumbers { get; set; }
    ...
}

public class Address
{
    public int Id { get; set; }
    public string Line1 { get; set; }
    public string Line2 { get; set; }
    public string City { get; set; }
    public string State { get; set; }
    public string PostalCode { get; set; }
    public string Country { get; set; }
    public int Type { get; set; }
}

我试图弄清楚如何让组织的创建操作 (/Organization/Create) 像这样处理创建(这样地址和电话号码是提交模型的一部分):

[HttpPost]
public ActionResult Create(Organization organization)
{
    if (ModelState.IsValid)
    {
        _db.Organizations.Add(organization);
        _db.SaveChanges();
        return RedirectToAction("Details", organization.Id);
    }

    return View(organization);

}

Answer 1

你的问题相当广泛:)这只是实现您的要求的方式之一，我相信有比我更好的方式。

我将从你的第二个问题开始:

How can you have the view parse values in the model if the (ModelState.IsValid == false) such that if you enter 3 addresses and post an invalid model, it re-populates the number addresses and with their appropriate values?

如果我正确理解您的请求，对我来说它看起来很简单。答案很简单:对 View 进行编码以呈现模型类内容，并将无效模型返回给客户端，就像您在 Create 中所做的那样行动。

如果您的表单(及其字段)已使用 ValidationSummary/ValidationMessage html 帮助程序进行修饰，您还将看到验证消息。

1. How can you allow the view to have the ability to add multiple Address classes per Organization dynamically on the client, and bound strongly to the model on post?

您可以使用一个显示组织属性的主视图，然后使用另一个显示相关地址的 View 。您可以在此处放置一个超链接或一个按钮，打开一个对话框以添加新地址对象，然后在完成后刷新地址列表。同样，您可以将编辑和删除按钮作为列表中的图标。

地址列表是一个完全在客户端处理的标记，要正确绑定(bind)到服务器端模型类，应该为其输入属性遵守一些简单的命名规则。

要使默认模型绑定(bind)器类正确绑定(bind)您的表单，请为您的 Organization 类使用以下代码段

@using (Html.BeginForm()) {
    @Html.HiddenFor(o => o.Id)
    @Html.ValidationSummary( true )
    <fieldset>
        <legend>My Organization</legend>
        <div class="editor-label">@Html.LabelFor( model => model.Name )</div>
        <div class="editor-field">
            @Html.EditorFor( model => model.Name )
            @Html.ValidationMessageFor( model => model.Name )
        </div>
        <br />
        <div id="container">
            <div>Address List</div>
            @foreach (Address a in Model.Addresses ) {
                Html.EditorFor(a);
            }
        </div>
        <div style="text-align:right;margin-top:14px;">
            <input type="submit" id="btnSubmit" value="Save" />
        </div>
    </fieldset>
}

要自动绑定(bind)，表单的生成代码应如下所示

<form action="..." id="..." method="post">
    <input type="hidden" name="Id" value="2">
    <input type="hidden" name="Name" value="Acme Corporation">

    <!-- markup for each address -->
    <input type="hidden" name="Addresses[0].Id" value="1">
    <input type="hidden" name="Addresses[0].Line1" value="Line 1">
    <input type="hidden" name="Addresses[0].Line2" value="Line 2">
    ... and so on...
</form>

将其属性命名为Addresses[index].PropertyName。如果您在客户端添加新地址，那么这并不重要:只要您的代码遵守此规则，您就可以让默认的 Model Binder 为您完成这项工作。

希望这有帮助