The model item passed into the dictionary is of type but this dictionary requires a model item of type

Question

This question and community wiki answer has been added to assist in closing out numerous unanswered questions as discussed in this meta post     I have some code and when it executes  it throws an exception saying      The model item passed into the dictionary is of type Bar but this dictionary requires a model item of type Foo   What does this mean  and how do I fix it

User · Answer

This question already has a great answer, but I ran into the same error, in a different scenario: displaying a List in an EditorTemplate.

I have a model like this:

public class Foo
{
    public string FooName { get; set; }
    public List<Bar> Bars { get; set; }
}

public class Bar
{
    public string BarName { get; set; }
}

And this is my main view:

@model Foo

@Html.TextBoxFor(m => m.Name, new { @class = "form-control" })  
@Html.EditorFor(m => m.Bars)

And this is my Bar EditorTemplate (Bar.cshtml)

@model List<Bar>

<div class="some-style">
    @foreach (var item in Model)
    {
        <label>@item.BarName</label>
    }
</div>

And I got this error:

The model item passed into the dictionary is of type 'Bar', but this dictionary requires a model item of type 'System.Collections.Generic.List`1[Bar]

The reason for this error is that EditorFor already iterates the List for you, so if you pass a collection to it, it would display the editor template once for each item in the collection.

This is how I fixed this problem:

Brought the styles outside of the editor template, and into the main view:

@model Foo

@Html.TextBoxFor(m => m.Name, new { @class = "form-control" })  
<div class="some-style">
    @Html.EditorFor(m => m.Bars)
</div>

And changed the EditorTemplate (Bar.cshtml) to this:

@model Bar

<label>@Model.BarName</label>

User · Answer

Observe if the view has the model required   View   model IEnumerable lt WFAccess Models ViewModels SiteViewModel gt    lt div class  row  gt       lt table class  table table-striped table-hover table-width-custom  gt           lt thead gt               lt tr gt         Controller   HttpGet  public ActionResult ListItems         SiteStore site   new SiteStore        site GetSites         IEnumerable lt SiteViewModel gt  sites           site SitesList Select s   gt  new SiteViewModel                       Id   s Id              Type   s Type                  return PartialView   ListItems   sites       In my case I Use a partial view but runs in normal views

User · Answer

The error means that you re navigating to a view whose model is declared as typeof Foo  by using  model Foo   but you actually passed it a model which is typeof Bar  note the term dictionary is used because a model is passed to the view via a ViewDataDictionary    The error can be caused by  Passing the wrong model from a controller method to a view  or partial view   Common examples include using a query that creates an anonymous object  or collection of anonymous objects  and passing it to the view    var model   db Foos Select x   gt  new       ID   x ID      Name   x Name    return View model      passes an anonymous object to a view declared with  model Foo   or passing a collection of objects to a view that expect a single object  var model   db Foos Where x   gt  x ID    id   return View model      passes IEnumerable lt Foo gt  to a view declared with  model Foo   The error can be easily identified at compile time by explicitly declaring the model type in the controller to match the model in the view rather than using var   Passing the wrong model from a view to a partial view  Given the following model  public class Foo       public Bar MyBar   get  set        and a main view declared with  model Foo and a partial view declared with  model Bar  then  Foo model   db Foos Where x   gt  x ID    id  Include x   gt  x Bar  FirstOrDefault    return View model     will return the correct model to the main view  However the exception will be thrown if the view includes   Html Partial   Bar      or    Html RenderPartial   Bar        By default  the model passed to the partial view is the model declared in the main view and you need to use   Html Partial   Bar   Model MyBar     or    Html RenderPartial   Bar   Model MyBar       to pass the instance of Bar to the partial view   Note also that if the value of MyBar is null  has not been initialized   then by default Foo will be passed to the partial  in which case  it needs to be   Html Partial   Bar   new Bar      Declaring a model in a layout  If a layout file includes a model declaration  then all views that use that layout must declare the same model  or a model that derives from that model   If you want to include the html for a separate model in a Layout  then in the Layout  use  Html Action      to call a  ChildActionOnly  method initializes that model and returns a partial view for it

User · Answer

Consider the partial map cshtml at Partials Map cshtml  This can be called from the Page where the partial is to be rendered  simply by using the  lt partial gt  tag   lt partial name  quot Partials Map quot  model  quot new Pages Partials MapModel   quot    gt  This is one of the easiest methods I encountered  although I am using razor pages  I am sure same is for MVC too

[c#] The model item passed into the dictionary is of type .. but this dictionary requires a model item of type

Examples related to c#

Examples related to asp.net-mvc