web-dev-qa-db-ja.com

ASP.net MVC 4で部分ビューを使用する

最近、ASP.net MVC（4）をいじくり始めましたが、私が抱えているこの1つの問題に頭を悩ませることはできません。知っていれば簡単だと思います。

私は本質的にインデックスビューで次のことをしようとしています：

  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.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のように、Indexビューがモデルを異なる方法で使用しているという事実に関係していると思いますが、どのように変更しても、RenderPartial、RenderActionを使用して、ActionResultをViewResultに変更するなど、取得できません動作するように。

どんなヒントでも大歓迎です！さらに情報が必要な場合はお知らせください。必要に応じて、プロジェクト全体を圧縮してください。

c#asp.net-mvcrazorasp.net-mvc-4partial-views
77
Espen S.

部分ビューをロードするコードを次のように変更します。

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

これは、部分ビューがNoteを予期しているが、IEnumerableである親ビューのモデルが渡されるためです。

128
Richard Dalton

メインビューに渡されるのと同じモデルを部分ビューに渡しますが、それらは異なるタイプです。モデルはDbSetsのNoteであり、単一のNoteを渡す必要があります。

これを行うには、パラメータを追加します。作成フォームは新しいNoteであるため、これを推測しています。

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