ASP.NET MVC 3 如何在创建视图上为具有 ICollection 属性的模型提供多字段创建功能

Question

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

1. 如何让视图能够在客户端上为每个组织动态添加多个地址类，并强绑定到发布时的模型？

2. 如果 (ModelState.IsValid == false)，如何让视图解析模型中的值，这样如果您输入 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

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

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

如何获得视图解析值
在模型中如果
(ModelState.IsValid == false) 这样
如果您输入 3 个地址并发布
无效模型，它会重新填充
号码地址及其
合适的值？

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

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

1. 如何让视图能够添加多个地址
   每个组织的类别动态
   在客户端上，并强烈绑定到
   帖子上的模特？

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

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

要使默认模型绑定器类正确绑定您的表单，请在您的 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>
}

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

<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 [索引].PropertyName。
如果您在客户端添加新地址，那么这并不重要：只要您的代码遵守此规则，您就可以让默认的 Model Binder 为您完成这项工作。

希望这有帮助

Answer 2

我不确定我是否正确理解你的问题，但关于问题 1，我认为你正在寻找 ViewModel。也许像这样..

OrganizationViewModel.cs

public class OrganizationViewModel
{
  public OrganizationViewModel(Organization org, IList<Address> addresses)
     {
       this.Organization = org;
       this.Addresses = addresses
     }
     public Organization Organization {get;set;}
     public IList<Address> Addresses {get;set;}
}

OrganizationController.cs

public class OrganizationController : Controller
{
  private readonly IOrganizationService _organizationService: //or whatever method you use
  public OrganizationController(IOrganizationService orgService)
     {
       this._organizationService = orgService;
     }

   public ActionResult Item(int id)
     {
       var org = _organizationService.GetOrganizationById(id);
       var addresses = _organizationService.GetOrgAddressesByOrgId(id);
       return View(new OrganizationViewModel(program, addresses));
     }
}

Item.cshtml

@model OrganizationViewModel
<h1>@Model.Organization.Name</h1>
<ul>
@foreach(var a in Model.Addresses)
{
<li>@a.Line1</li>
<li>@a.Line2</li>}
</ul>

在我尝试回答第 2 个问题之前，也许您应该指出我是否正确理解了问题 1。希望这会有所帮助。

Answer 3

我设法使用 LINQ to SQL 来做到这一点。现在我尝试使用实体框架，但它确实使一切变得更加复杂。所以我没有适合您的解决方案，但也许我的 L2S 解决方案可能有帮助？

使用从我的数据库生成的模型，我可以在我的视图中执行此操作：

@for (int i = 0; i < Model.Contact.EmailAddresses.Count; ++i)
{
    <li>
        @Html.TextBoxFor(x => x.Contact.EmailAddresses[i].EmailAddress)
        @Html.HiddenFor(x => x.Contact.EmailAddresses[i].EmailAddressID)
    </li>
} 

我有一个视图模型类：

class ContactViewModel
{
    Contact contact { get; set; }
}

这工作正常，在我的控制器操作中，我得到了我的联系人对象，它的 Contact.ContactEmailAddresses 列表填充就像我预期的那样。

但对于 EF，我无法再使用从数据库生成的 EmailAddresses 属性上的 [i]。我想出的最好的办法是：

@Html.TextBox("Contact.EmailAddresses[" + i + "].EmailAddress", Model.Contact.EmailAddresses.ElementAt(i).EmailAddress)