Using partial views in ASP net MVC 4

Question

I have recently started playing around with ASP net MVC  4   but I can t wrap my head around this one issue I m having  I m sure it s easy when you know it   I m essentially trying to do the the following in my Index view    List the current items in the database of type  Note  in the Index view  that s easy  Creating new items in the same Index view  not so easy      So I figured I needed a partial view  and that I have created as following   CreateNote cshtml     model QuickNotes Models Note  using  Html BeginForm       Html ValidationSummary true    lt fieldset gt       lt legend gt Note lt  legend gt        lt div class  editor-label  gt           Html LabelFor model   gt  model Content       lt  div gt       lt div class  editor-field  gt           Html EditorFor model   gt  model Content           Html ValidationMessageFor model   gt  model Content       lt  div gt       lt p gt           lt input type  submit  value  Create    gt       lt  p gt   lt  fieldset gt      In my original Index view  Index cshtml  I m trying to render this partial view    model IEnumerable lt QuickNotes Models Note gt           ViewBag Title    Personal notes       lt h2 gt Personal notes lt  h2 gt    lt p gt       Html ActionLink  Create New    Create    lt  p gt    lt table gt       lt tr gt           lt th gt               Html DisplayNameFor model   gt  model Content           lt  th gt           lt th gt  lt  th gt       lt  tr gt        foreach  var item in Model             lt tr gt               lt td gt                   Html DisplayFor modelItem   gt  item Content               lt  td gt               lt td gt                   Html ActionLink  Edit    Edit   new   id item ID                       Html ActionLink  Details    Details   new   id item ID                       Html ActionLink  Delete    Delete   new   id item ID                 lt  td gt           lt  tr gt         lt  table gt    lt div gt       Html Partial   CreateNote    lt  div gt     using   Html Partial   CreateNote    However  This doesn t seem to work  as I get the following error message    Line 35   Line 36   lt div gt  Line 37       Html Partial   CreateNote    Line 38   lt  div gt   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 looks like this   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        I think it has to do with the fact that the Index view is using the model differently  as in  model IEnumerable  but no matter how I change it around  using RenderPartial  RenderAction  changing ActionResult to ViewResult etc  I can t get it to work   Any tips would be greatly appreciated  Please let me know if you need any more information  I d be happy to zip down the entire project if needed

User · Accepted Answer

Change the code where you load the partial view to:

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

This is because the partial view is expecting a Note but is getting passed the model of the parent view which is the IEnumerable

User · Answer

You re passing the same model to the partial view as is being passed to the main view  and they are different types  The model is a DbSet of Notes  where you need to pass in a single Note    You can do this by adding a parameter  which I m guessing as it s the create form would be a new Note   Html Partial   CreateNote   new QuickNotes Models Note

[c#] Using partial views in ASP.net MVC 4

Examples related to c#

Examples related to asp.net-mvc

Examples related to razor

Examples related to asp.net-mvc-4

Examples related to partial-views