在ASP.net MVC 4中使用部分视图


77

我最近开始使用ASP.net MVC(4),但是我无法解决这个问题。我敢肯定,一旦您知道它就很容易。

我实质上是在索引视图中尝试执行以下操作:

  1. 在索引视图中列出类型为“ Note”的数据库中的当前项目(这很容易)
  2. 在同一索引视图中创建新项目(不是那么容易)。

因此,我认为我需要局部视图,并且已按如下所示创建了该视图(_CreateNote.cshtml):

@model QuickNotes.Models.Note
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)

<fieldset>
    <legend>Note</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.Content)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Content)
        @Html.ValidationMessageFor(model => model.Content)
    </div>
    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
}

在我原始的索引视图(Index.cshtml)中,我试图呈现此局部视图:

@model IEnumerable<QuickNotes.Models.Note>


@{
    ViewBag.Title = "Personal notes";
}

<h2>Personal notes</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>

<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Content)
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Content)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
                @Html.ActionLink("Details", "Details", new { id=item.ID }) |
                @Html.ActionLink("Delete", "Delete", new { id=item.ID })
            </td>
        </tr>
    }
</table>

<div>
    @Html.Partial("_CreateNote")
</div>

(使用:@ Html.Partial(“ _ CreateNote”))但是。这似乎不起作用,因为我收到以下错误消息:

Line 35: 
Line 36: <div>
Line 37:     @Html.Partial("_CreateNote");
Line 38: </div>

Source File: c:\Dropbox\Projects\workspace .NET MVC\QuickNotes\QuickNotes\Views\Notes\Index.cshtml    Line: 37 

Stack Trace: 


[InvalidOperationException: The model item passed into the dictionary is of type 'System.Data.Entity.DbSet`1[QuickNotes.Models.Note]', but this dictionary requires a model item of type 'QuickNotes.Models.Note'.]
   System.Web.Mvc.ViewDataDictionary`1.SetModel(Object value) +405487

我的NotesController看起来像这样:

public ActionResult Index()
{

    var model = _db.Notes;

    return View(model);
}

//
// GET: /Notes/Create

public ActionResult Create()
{
    return View();
}

//
// GET: /Notes/_CreateNote - Partial view
public ViewResult _CreateNote()
{
    return View("_CreateNote");
}

我认为这与以下事实有关:索引视图使用模型的方式有所不同,例如@model IEnumerable,但是无论我如何使用RenderPartial,RenderAction,将ActionResult更改为ViewResult等对其进行更改,我都无法获得它起作用。

任何提示将非常感谢!如果您需要更多信息,请告诉我。如果需要,我很乐意压缩整个项目。

Answers:


129

将加载局部视图的代码更改为:

@Html.Partial("_CreateNote", new QuickNotes.Models.Note())

这是因为部分视图需要注解,但是正在传递父视图的模型,即IEnumerable


5
你是对的!非常感谢!实际上,我尝试了几乎相同的次数,但没有想到我需要“ new”语句。愚蠢的我:(
Espen S.

38

您要将相同的模型传递给部分视图,就像传递给主视图一样,它们是不同的类型。该模型是DbSetNote,这里,你需要在一个单一的传递Note

您可以通过添加一个参数来完成此操作,我猜这是一个新的创建形式, Note

@Html.Partial("_CreateNote", new QuickNotes.Models.Note())

是的,正确!似乎我错过了一些MVC基础知识。谢谢!
Espen S.
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.