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

Observe if the view has the model required:

View

@model IEnumerable<WFAccess.Models.ViewModels.SiteViewModel>

<div class="row">
    <table class="table table-striped table-hover table-width-custom">
        <thead>
            <tr>
....

Controller

[HttpGet]
public ActionResult ListItems()
{
    SiteStore site = new SiteStore();
    site.GetSites();

    IEnumerable<SiteViewModel> sites =
        site.SitesList.Select(s => 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

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 lt Bar gt  Bars   get  set       public class Bar       public string BarName   get  set        And this is my main view     model Foo   Html TextBoxFor m   gt  m Name  new    class    form-control        Html EditorFor m   gt  m Bars    And this is my Bar EditorTemplate  Bar cshtml    model List lt Bar gt    lt div class  some-style  gt       foreach  var item in Model                 lt label gt  item BarName lt  label gt         lt  div gt    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   gt  m Name  new    class    form-control        lt div class  some-style  gt       Html EditorFor m   gt  m Bars   lt  div gt    And changed the EditorTemplate  Bar cshtml  to this    model Bar   lt label gt  Model BarName lt  label gt

[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