如何在 ASP.NET MVC 的同一页面中使用同一 .ascx 的两个实例？

Question

我在 ASP.NET MVC 页面中有两个 Address.ascx 控件实例。

   <h1>Shipping Address</h1>
   <% Html.RenderPartial("Controls/AddressControl"); %>

   <h1>Billing Address</h1>
   <% Html.RenderPartial("Controls/AddressControl"); %>

当然，使用与此完全相同的代码，我最终会为地址中的每个字段提供相同的 ID。 我可以轻松地将一个字符串附加到字段的 ID 中，这样我就有了 'Street1_billing' 和 'Street1_shipping'，但我不清楚如何将其映射到该模型。

将模型映射到项目数组的最佳解决方案是什么（在本例中只有 2 个）。 我不知道有任何 ASP.NET 对此问题有“开箱即用”的解决方案。

注意：这与这个问题略有相似，我可以使用这个解决方案来自 Scott Hanselman，但它并不完全是我想要的。 就我而言，我知道我有两个项目，所以它本质上是一个 2 项目数组，但我想知道是否有一个稍微更优雅的解决方案。

PS。 我确信这个问题之前已经被问过很多次了，但我似乎无法输入正确的搜索词。 如果您知道有骗局，请链接此问题！

Answer 1

首先，向模型添加一个 Address 类。

public class Address
{
    String StreetAddress1 { get; set }
    String StreetAddress2 { get; set }
    String City { get; set }
    String State { get; set }
    String Zip { get; set }
}

在Address.ascx中，您需要在顶部有一行继承Address模型，如下所示：

<%@ Page Language="C#" 
    Inherits="System.Web.Mvc.ViewPage<MyProject.Models.Address>" %>

在主视图控制器中，将两个地址推送到 ViewData 中。

Address myAddressObject1 = new Address
{
   AddressLine1 = "123 Anywhere Street",
   // ..etc.  Same with MyAddressObject2.  Or, just populate from database.
}

ViewData["Address1"] = myAddressObject1;
ViewData["Address2"] = myAddressObject2;
//
// do other stuff as needed
//
Return View();

在您的主视图中，像这样调用两个地址子视图：

<%= Html.RenderPartial("Address", ViewData["Address1"]) %>
<%= Html.RenderPartial("Address", ViewData["Address2"]) %>

Answer 2

您可以将 ViewModel

OrderCheckoutViewModel
{
    public Address ShippingAddress{get;set;}
    public Address BillingAddress{get;set;}
}

表单元素的值映射到 ViewModel 的正确成员（如果它们具有以下形式）

<input type="text" name="ShippingAddress.StreetAddress1"><input>

没有简单而优雅的方法可以从 StreetAddress1 到 ShippingAddress.StreetAddress1。
我的地址模型具有以下形式：

public class Address
{
    String StreetAddress1 { get; set }
    String StreetAddress2 { get; set }
    String City { get; set }
    String State { get; set }
    String Zip { get; set }
    String InstanceName{ get; set }
}

我将 InstanceName 设置为属性的名称 (ShippingAddress)。

然后在这个表单中定义了表单元素

<input type="text" name="<%=Model.InstanceName%>.StreetAddress1"><input>

ascx 的地方看起来并不常见。 您有什么理由不将其放入 Shared 并通过 访问它

<% Html.RenderPartial("AddressControl",Model.ShippingAddress); %>

？