Використання часткових подань у ASP.net MVC 4


77

Нещодавно я почав гратися з ASP.net MVC (4), але не можу обернутися головою навколо цього одного мого питання. Я впевнений, що це легко, коли ти це знаєш.

По суті, я намагаюся зробити наступне у своєму поданні індексу:

  1. Перелічіть поточні елементи у базі даних типу "Примітка" у поданні Індексу (це просто)
  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 (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

My 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");
}

Я думаю, це пов’язано з тим, що подання Index використовує модель по-різному, як у @model IEnumerable, але як би я не міняв її, використовуючи RenderPartial, RenderAction, змінюючи ActionResult на ViewResult тощо, я не можу отримати це працювати.

Будь-які поради були б дуже вдячні! Будь ласка, повідомте мене, якщо вам потрібна додаткова інформація. Я був би радий переглянути весь проект, якщо це потрібно.

Відповіді:


129

Змініть код, де ви завантажуєте частковий вигляд, на:

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

Це тому, що часткове представлення очікує примітки, але передається модель батьківського подання, яке є IEnumerable


5
Ви праві! Дуже дякую! Насправді я спробував майже те саме купу разів, але не зрозумів, що мені потрібно "нове" твердження. Дурний я :(
Еспен С.

38

Ви передаєте ту ж модель частковому виду, що і основному, і вони бувають різних типів. Модель являє собою DbSetз NoteS, де вам потрібно пройти в один Note.

Ви можете зробити це, додавши параметр, який, на мою думку, є формою створення, яка буде новою Note

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

Так, правильно! Здається, я пропустив деякі основи MVC. Дякую!
Еспен С.
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.