Error - The model item passed into the dictionary is of type

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

@model IEnumerable


    
        
        Index
    

    


    
        
            
                
                    
                        
                            
                                
                                
                                
                            
                        
                        @foreach (var item in Model)
                        {
                            
                                
                                
                                
                        }
                    
                                    @Html.DisplayNameFor(model => model.Id)
                                
                                    @Html.DisplayNameFor(model => model.Description)
                                Action

                                    @Html.DisplayFor(modelItem => item.Id)
                                
                                    @Html.DisplayFor(modelItem => item.Description)
                                
                                     Edit 
                                    
                            
                
            
        
    
    @using (Ajax.BeginForm("CreateEdit", "Product", new AjaxOptions() { HttpMethod = "POST", UpdateTargetId = "frmProduct" }))
    {
        
            
                
                    
                        
                        Add New Product
                    
                    
                        @Html.Partial("_CreateEdit")
                     
                    
                        
                        
                    
                
            
        
    }

@Html.DisplayNameFor(model => model.Id)	@Html.DisplayNameFor(model => model.Description)	Action
@Html.DisplayFor(modelItem => item.Id)	@Html.DisplayFor(modelItem => item.Description)	Edit

Thanks

When clicked on Add it appears as below . Is it not possible that Partical View open only in content Page

Below is the Partial View

@model MyApplication.Models.Location

Layout = "~/Views/Shared/_Layout.cshtml";

}

<!DOCTYPE html>

<html>

<head>

<title>CreateEdittitle>

head>

<body>

@using (Html.BeginForm("CreateEdit", "Location", FormMethod.Post, new { @id = "locationFormId", @class = "form-horizontal", role = "form" }))

{

@Html.AntiForgeryToken()

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×span>button>

div>

Location

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.HiddenFor(model => model.Id)

@Html.LabelFor(model => model.Id, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Id, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Id, "", new { @class = "text-danger" })

div>

@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })

div>

}

body>

html>

Thanks

Then this is causing the error, your partial view is not accepting a list type.

so better is to create a ViewModel, which will resolve all your issues.

public class LocationVM
{
public ListLocations{get;set;}
public Location Location{get;set;}
}

Then change the Action as

public ActionResult Index()
{
LocationVM lvm= new LocationVM();
lvm.Locations=dbLocation.GetAllLocation().ToList();
lvm.Location=new LOcation();
return View(lvm);
}

step 3. Modify the view with new Model and pass the Location model to partialview as

@model MyApplication.Models.LocationVM
"viewport" content="width=device-width" />
Index
"button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();"> class="fa fa-plus"> Add New
class="row">
class="col-xs-12">
class="box">
class="box-body">
class="table" id="tblProduct">
@Html.DisplayNameFor(model => model.Location.Id)
@Html.DisplayNameFor(model => model.Location.Description)
Action
@foreach (var item in Model.Locations)
{
@Html.DisplayFor(modelItem => item.Id)
@Html.DisplayFor(modelItem => item.Description)
class='btn btn-primary btn-sm' id='btnEdit'>class='fa fa-pencil'> Edit
"btnDelete" class="btn btn-danger btn-sm" data-toggle="modal"
}

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
the sidebar is openig because of the Layout line.
remove below line from partial view.
@{

Layout = "~/Views/Shared/_Layout.cshtml";

}
Ramco Ramco5y ago
Hi

When clicked on Add it appears as below . Is it not possible that Partical View open only in content Page

Below is the Partial View
@model MyApplication.Models.Location

@{

Layout = "~/Views/Shared/_Layout.cshtml";

}

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width" />

<title>CreateEdittitle>

head>

<body>

@using (Html.BeginForm("CreateEdit", "Location", FormMethod.Post, new { @id = "locationFormId", @class = "form-horizontal", role = "form" }))

{

@Html.AntiForgeryToken()

<div class="" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×span>button>

<h4 Create New Location>h4>

div>

<div class="modal-body">

@*

Location

*@

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.HiddenFor(model => model.Id)

<div class="form-group">

@Html.LabelFor(model => model.Id, htmlAttributes: new { @class = "control-label col-md-2" })

<div class="col-md-10">

@Html.EditorFor(model => model.Id, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Id, "", new { @class = "text-danger" })

div>

div>

<div class="form-group">

@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })

<div class="col-md-10">

@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })

div>

div>

div>

div>

div>

div>

}

body>

html>

Thanks
Sachin Singh5y ago
Then this is causing the error, your partial view is not accepting a list type.
so better is to create a ViewModel, which will resolve all your issues.
public class LocationVM
{
public ListLocations{get;set;}
public Location Location{get;set;}
}
Then change the Action as
public ActionResult Index()
{
LocationVM lvm= new LocationVM();
lvm.Locations=dbLocation.GetAllLocation().ToList();
lvm.Location=new LOcation();
return View(lvm);
}
step 3. Modify the view with new Model and pass the Location model to partialview as
@model MyApplication.Models.LocationVM



        "viewport" content="width=device-width" />
        Index


    "button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();"> class="fa fa-plus"> Add New
    class="row">
        class="col-xs-12">
            class="box">
                class="box-body">
                    class="table" id="tblProduct">



                                    @Html.DisplayNameFor(model => model.Location.Id)


                                    @Html.DisplayNameFor(model => model.Location.Description)

                                Action


                        @foreach (var item in Model.Locations)
                        {


                                    @Html.DisplayFor(modelItem => item.Id)


                                    @Html.DisplayFor(modelItem => item.Description)


                                    class='btn btn-primary btn-sm' id='btnEdit'>class='fa fa-pencil'> Edit
                                    "btnDelete" class="btn btn-danger  btn-sm" data-toggle="modal"


                        }