在 ASP.NET MVC 中使用局部视图答案

【问题标题】：Working with Partial Views in ASP.NET MVC在 ASP.NET MVC 中使用局部视图
【发布时间】：2010-11-09 09:24:51
【问题描述】：

背景

我在尝试在 ASP.NET MVC 中呈现部分视图时收到以下错误。我是 ASP.NET MVC 的新手，我确信这个错误很容易解决，只是因为我缺乏完全的理解。

问题（对于那些不想阅读所有内容的人）：

是什么导致了这个错误？

异常详情： System.InvalidOperationException: 传入的模型项字典是类型 'MyApp.Models.ClassroomFormViewModel' 但是这本词典需要一个模型类型的项目 'System.Collections.Generic.IEnumerable1[MyApp.Models.ClassroomFormViewModel]'`。

实体

我有两个具有父/子关系的实体。

课堂便笺 ------------ ----------- 编号 1 ----- 编号姓名\姓名（...） \ 内容 ---- * 教室ID

型号

在Model 中，StickyNote 内容保存在不同的表中，并且可以通过以下方法访问（使用Linq-to-SQL：

public IQueryable<StickyNote> GetStickyNotesByClassroom(Classroom classroom)
{
     return from stickynote in db.StickyNotes
            where stickynote.ClassroomID == classroom.ID
            select stickynote;
}

错误

我创建了一个局部视图来显示 StickyNote 内容，因为它“属于”它所在的教室。我遇到的问题是我无法让它显示，并收到以下错误：

传入的模型项字典的类型： 'MyApp.Models.ClassroomFormViewModel' 但是这本词典需要一个模型类型的项目 'System.Collections.Generic.IEnumerable1[MyApp.Models.ClassroomFormViewModel]'`。描述：未处理的异常在执行过程中发生当前的网络请求。请查看堆栈跟踪以获取有关的更多信息错误及其起源代码。

异常详情： System.InvalidOperationException: 传入的模型项字典是类型 'MyApp.Models.ClassroomFormViewModel' 但是这本词典需要一个模型类型的项目 'System.Collections.Generic.IEnumerable1[MyApp.Models.ClassroomFormViewModel]'`。

局部视图

这里是部分视图代码：

<%@ Control Language="C#" Inherits="
System.Web.Mvc.ViewUserControl<IEnumerable<MyApp.Models.ClassroomFormViewModel>>" %>

    <table background="../../images/corkboard.jpg">

    <% foreach (var items in Model) { %>

        <tr>
        <% foreach (var item in items.StickyNotes) { %>
            <td><div class="sticky_note_container">

<!-- actually use a post it note here on the page -->
<div class="sticky_note">
<div class="sticky_note_content">
<!-- content of sticky note here -->
<% Html.ActionLink(item.Name, "ShowStickyNoteContent"); %>
<!-- end of content of sticky note -->
</div>
</div>
<div class="sticky_note_footer">&nbsp;</div>
<br clear="all" />
</div>
         </td>
      <% } %>
     </tr>
   <% } %>
</table>

父视图

以及调用它的另一个视图中的代码：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits=
"System.Web.Mvc.ViewPage<MyApp.Models.ClassroomFormViewModel>" %>
{...}
  <% 
     Html.RenderPartial("StickyNotes", Model);
  %>

【问题讨论】：

标签： c# .net asp.net-mvc view partial-views

【解决方案1】：

您将 ClassroomFormViewModel 的单个实例传递到其中，并且视图期待一个集合，即IEnumerable<ClassroomFormViewModel>.

将您在 PartialView 中的声明更改为

Inherits="
System.Web.Mvc.ViewUserControl<MyApp.Models.ClassroomFormViewModel>"

或

您真正想要的（在真正查看您的代码之后）是IEnumerable<ClassroomFormViewModel>

所以调用页面中的模型必须是IEnumerable<ClassroomFormViewModel>

基本上你正在尝试这样做

public void Render(ClassroomFormViewModel model)
{
    RenderPartial(model) //Cannot cast single instance into an IEnumerable
}
public string RenderPartial(IEnumerable<ClassroomFormViewModel> model)
{
    //Do something
}

【讨论】：

【解决方案2】：

你的部分应该开始

<%@ Control Language="C#" Inherits="
System.Web.Mvc.ViewUserControl<MyApp.Models.ClassroomFormViewModel>" >

我猜你想在你的页面上显示一个教室。如果您想显示更多内容，请不要使用视图模型列表。使用具有教室列表的视图模型

【讨论】：