MVC 中的嵌套视图模型/部分视图问题

Question

我有两个视图：一个局部视图，以及一个使用@Html.RenderPartial("_PartialView") 封装局部视图的视图。每个都有自己的 ViewModel：

public class PartialViewModel 
{
    // properties, etc.
}

public class MainViewModel 
{
    public PartialViewModel p { get; set; }
    // properties, etc.
}

加载第二个视图（使用 MainViewModel 的视图）时出现字典错误，因为此视图及其封装的局部视图使用两个不同的 ViewModel。我不能让他们使用相同的 ViewModel，因为局部视图在许多其他不同的视图中呈现。

要清楚，both of these views contain forms，部分视图表示表单之间的所有共享字段。鉴于此，我是否有任何选择，或者我只是试图做一些不符合 MVC 设计约束的事情？

Answer 1

你会想要设计这个有点不同。主视图会有一个模型——我们称之为MainModel，部分视图可以有一个模型——我们称之为PartialModel

public class PartialModel 
{
   /// props
}

public class MainViewModel 
{
    public PartialModel Partial { get; set; }
    // properties, etc.

    // per comments in other answer you may want something like this
    public MainViewModel()
    {
      Partial = new PartialModel();
    }
}

那么你的主视图就会有

@model MainViewModel

然后在主视图的中间你有类似的东西

@{ Html.RenderPartial("myPartialView", Model.Partial); }

注意 Html.RenderPartial 周围的大括号。它们是必需的，因为 RenderPartial 返回无效。

当您渲染局部视图时，您还可以将模型传递给它，如果设计正确，那么局部需要的模型已经可以从主视图的模型中访问

Answer 2

您可以这样做，但您需要在控制器中声明一个新的 MainViewModel 并为其 PartialViewModel 分配一个新的 PartialViewModel。

例如：

public class Controller {
    public ActionResult Index(){
        var mainViewModel = new MainViewModel { PartialViewModel = new PartialViewModel() };
        return View(mainViewModel);
    }
}

现在，我会将这些模型的创建委托给工厂，但在您开始重构之前，这更高级且没有必要。