调用局部视图

Question

我有一个渲染两个下拉列表的视图。下拉列表的控制器工作正常。他们为数据库选择调用存储库类中的方法。在下拉列表下方，我尝试在部分视图中呈现数据表，以响应下拉列表选择。

视图中的下拉菜单使用单个模型：

@model BudgetDemo.Models.BudgetsActualsViewModel

显示表格数据的部分视图使用 IEnumerable：

@model IEnumerable<BudgetDemo.Models.BudgetsActualsViewModel>

查看（GetBudgetsActuals.cshtml）：

@using (Html.BeginForm("GetBudgetsActuals", "BudgetsActuals", FormMethod.Post))
{
    ... DropDownLists and Submit button

    @if (Model.SelectedDepartment != null && Model.SelectedYear != null)
    {
        // Table headers
        @if (Model != null)
        {
            Html.RenderPartial("_BudgetsActuals", Model);
        }
    }
}

部分视图 (_BudgetsActuals.cshtml)：

@model IEnumerable<BudgetDemo.Models.BudgetsActualsViewModel>
@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Account)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.CostCenter)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalCurrentMonthActual)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalCurrentMonthBudget)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalYTDActual)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalYTDBudget)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalVariance)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TotalETCBudget)
        </td>
        <td>
             @Html.DisplayFor(modelItem => item.TotalEAC)
        </td>
    </tr>
}

控制器：

// GET: Render view with dropdowns
public ActionResult GetBudgetsActuals()
{
    try
    {
        // Populate Department dropdown and Year dropdown here
        repo = new BudgetDemoRepository();
        ModelState.Clear();

        return View(repo.GetBudgetsActuals());
    }
    catch
    {
        return View("Error");
    }
}

// POST: Grab data for department and year
[HttpPost]
public ActionResult GetBudgetsActuals(BudgetsActualsViewModel model)
{
    repo = new BudgetDemoRepository();
    if (ModelState.IsValid)
    {
        return View(repo.GetBudgetsActuals(model));
    }
    else
    {
        model.Departments = repo.GetBudgetsActuals().Departments;
        model.Years = repo.GetBudgetsActuals().Years;
        return View(model);    
    }
}

[ChildActionOnly]
public ActionResult 
    GetBudgetsActualsPartialData(BudgetsActualsViewModel model)
{
    repo = new BudgetDemoRepository();
    List<BudgetsActualsViewModel> dataVM = 
        repo.GetBudgetsActualsData(model);
    
    // RETURNING CORRECT DATA
    return PartialView("GetBudgetsActuals", dataVM);
}

我想弄清楚的是如何将这一切联系在一起。它在这里爆炸：

@if (Model != null)
{
    Html.RenderPartial("_BudgetsActuals", Model);
}

这是错误错误信息：

The model item passed into the dictionary is of type
'System.Collections.Generic.List`1[BudgetDemo.Models.BudgetsActualsViewModel]', 
but this dictionary requires a model item of type
'BudgetDemo.Models.BudgetsActualsViewModel'.

更新

如果您将模型传递给 RenderPartial 辅助方法并且该模型为空，则似乎有一个 known issue 和 partial view ——它将默认为包含视图的模型。我已经调试过了，从我可以看到传递给辅助方法的模型不为空，所以我很茫然。

更新 2

显然，我并不是唯一一个关于将调用视图的模型传递给局部视图的问题。这个问题在 .NET Core 中通过引入 View Components 得到解决:)

Answer 1

好吧，发生的情况是，当您执行 Html.RenderPartial("_BudgetsActuals", Model); 时，它会从编写代码的视图中获取模型，并尝试将其按原样传递给局部视图。所以在这里，根据问题中的错误截图和 .net 的行为，BudgetDemo.Models.BudgetsActualsViewModel 被传递到部分视图，因为GetBudgetsActuals.cshtml 视图将其作为模型。但是，这是不对的，因为您的部分视图需要 IEnumerable<BudgetDemo.Models.BudgetsActualsViewModel> 作为模型。因此，您需要在您的BudgetDemo.Models.BudgetsActualsViewModel 中实际存储IEnumerable<BudgetDemo.Models.BudgetsActualsViewModel> 的实例

型号

public class BudgetsActualsViewModel 
{
   // other properties

   public IEnumerable<BudgetDemo.Models.BudgetsActualsViewModel> BudgetActualCollection {get;set;}
}

注意：确保使用服务器上的数据或没有数据时使用新实例对其进行初始化。否则会抛出空引用错误。你也可以在构造函数中初始化它。

控制器（更新后的方法，这只是举例，您可以根据自己的需要进行简化或更新）

// GET: Render view with dropdowns
public ActionResult GetBudgetsActuals()
{
    try
    {
        // Populate Department dropdown and Year dropdown here
        repo = new BudgetDemoRepository();
        ModelState.Clear();

        return View(repo.GetBudgetsActuals());
    }
    catch
    {
        return View("Error");
    }
}

// POST: Grab data for department and year
[HttpPost]
public ActionResult GetBudgetsActuals(BudgetsActualsViewModel model)
{
    var repo = new BudgetDemoRepository();
    model.Departments = repo.GetBudgetsActuals().Departments;
    model.Years = repo.GetBudgetsActuals().Years;
    
    if (ModelState.IsValid)
    {
         model.BudgetActualCollection = repo.GetBudgetsActualsData(model);
    }
    else
    {
        model.BudgetActualCollection = new List<BudgetDemo.Models.BudgetsActualsViewModel>();
    }
    return View(model);
}

然后执行Html.RenderPartial("_BudgetsActuals", Model.BudgetActualCollection )。现在正确的模型将被传递给局部视图。

在做 Html.RenderPartial("_BudgetsActuals", Model); 和（在下面的评论中尝试过）

Html.RenderPartial("_BudgetsActuals", new BudgetDemo.Models.BudgetsActualsViewModel
{ 
   SelectedDepartment = Model.SelectedDepartment, 
   SelectedYear = Model.SelectedYear 
})

本质上是一样的，只有一个区别。在第一个中，将传递来自主视图的模型，而第二个将传递模型的新实例。