结合不同模型的两个视图

Question

大家好，我不知道该怎么做。我有两个视图和两个独立的模型，我想将这两个视图合并起来，以便它们都在一个视图上。

视图 1：

@model IEnumerable<TelephoneNumberManagement.Models.Range>

<table>
    <tr>
        <th>
            RangeName
        </th>
        <th>
            RangeNumber
        </th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.ActionLink(item.RangeName, "ViewSubRange", new { id = item.ID })
        </td>
        <td>
            @item.RangeNumber
        </td>
    </tr>
}
</table>

视图 2：-

@model IEnumerable<TelephoneNumberManagement.Models.TestNumber>
<h2>Index</h2>

<table>
    <tr>
        <th>
            Number
        </th>
        <th>
            Status
        </th>
        <th>
            Customer
        </th>
    </tr>

@foreach (var item in Model)
{
    <tr> 
        <td>@item.Number</td>
        <td>@item.Status.StatusName</td>
        <td>@item.CustomerID</td>
    </tr> 

}
</table>

HomeController：-

public ViewResult Index()
{
  return View(context.Ranges.ToList().OrderBy(m => m.RangeName));
}

public ActionResult ViewSubRange(int id)
{
  IEnumerable<TestNumber> testNumbersList = context.TestNumbers.Where(m => m.RangeID == id).ToList();

  return View("SubRange", testNumbersList);
}

任何帮助将非常感激，因为我正在用这个把头撞在墙上！

Answer 1

获取两个视图并将它们放入局部视图中（如果您仍然需要原始视图，请让它们也使用局部视图，以便您的视图定义在一处 - 局部视图）。对于“两者都在一个视图中”，添加一个新操作和一个模型，该模型具有部分所需的每个模型的实例。

模型：

public class MyBothInOneModel
{
    public ModelA modelA { get; set; }
    public ModelB modelB { get; set; }
}

操作：

public ViewResult BothInOne(int idForB)
{
    MyBothInOneModel m = new MyBothInOneModel();
    m.modelA = context.Ranges.ToList().OrderBy(m => m.RangeName));
    m.modelB = context.TestNumbers.Where(m => m.RangeID == idForB).ToList();
}

视图 - 添加一个视图，并调用为每个视图渲染部分：

...
     Html.RenderPartial(Model.modelA, "PartialA");
     Html.RenderPartial(Model.modelB, "PartialB");
...

或者您可以使用 ViewData/ViewBag 来避免创建 MyBothInOneModel 类。

Answer 2

你有很多选择。首先，您可以创建一个具有属性

IEnumerable的 ViewModel TestNumbers

和属性

IEnumerableRanges

，然后返回一个视图，绑定到新的 ViewModel 并使用组合数据。

作为替代方案（恕我直言，更智能的解决方案），您可以将每个视图渲染为子视图 @Html.Action("ActionForView1") 和 @Html.Action("ActionForView2") 。

Answer 3

您可以使用 ViewModel 模式来解决这个问题。创建一个“ViewModel”，它结合了给定视图所需的所有不同模型和/或表示逻辑。

例如：

class TelephoneViewModel
{
    public IEnumerable<TelephoneNumberManagement.Models.TestNumber> { get; set;}
    public IEnumerable<TelephoneNumberManagement.Models.Range> { get; set; }
}

然后让您的新组合视图使用 ViewModel 作为其模型。

Answer 4

另一种选择是为视图使用动态变量

@model IEnumerable<dynamic>

然后您可以将所需的任何模型发送到视图，但您需要明智地了解要使用的属性。

Answer 5

这是我正在谈论的一个基本示例。

 public class LoginRegisterMemberViewModel
{
    public OpenIdLoginViewModel OpenIdLoginViewModel { get; set; }
    public SiteLoginViewModel SiteLoginViewModel { get; set; }
    public RegisterMemberViewModel RegisterMemberViewModel { get; set; }
    public string ReturnUrl { get; set; }
}

在我的登录视图上，我使用 @model Web.ViewModels.LoginRegisterMemberViewModel

部分视图也使用 @model Web.ViewModels.LoginRegisterMemberViewModel
所以现在我可以访问 LoginRegsiterMemberViewModel.SiteLoginViewModel.property 等。

希望这并不完全偏离您想要完成的目标。

Answer 6

如果您希望获得干净的分离，另一个不错的选择是从主视图使用 Html.RenderAction。然后为所描述的每个视图实现单独的控制器。