List and create in same view in asp.net mvc

Question

I have following model classes

public class ProductViewModel
{
    public Product Products { get; set; }
    public IEnumerable<Product> LProducts { get; set; }
}

public partial class Product
{    
    public string id { get; set; }
    public string detail { get; set; }
}

then I have following view for both List and Create

@model albaraka.Models.ProductViewModel    

<table class="table">
    <tr>

        <th>
            ID
        </th>
        <th>
            Detail
        </th>
    </tr>

    @foreach (var obj in Model.LProducts)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => obj.id)
            </td>
            <td>
                @Html.DisplayFor(modelItem => obj.detail)
            </td>       
        </tr>   
    }

</table>

<div>
    @using ())
    {
        <div>
            <fieldset>
                <legend>Account Information</legend>

                <div class="editor-label">
                    @Html.LabelFor(m => m.id)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.Products.id)
                    @Html.ValidationMessageFor(m => m.Products.id)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(m => m.Products.detail)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.Products.detail)
                    @Html.ValidationMessageFor(m => m.Products.detail)
                </div>

                <p>
                    <input type="submit" value="Submit" />
                </p>
            </fieldset>
        </div>
    }
</div>

@section Scripts 
{}

this is controller method for list

[HttpGet]
public ViewResult Product_List()
{
    ProductViewModel viewModelList = new ProductViewModel();

    viewModelList.LProducts = from products in db.Product
                  where products.details == "Pending"
                  select products;

    return View(viewModelList.LProducts.ToList());
}

but here I'm getting following error

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

Sirwan Afifi · Accepted Answer · 2016-01-28 11:24:11Z

3

The error is self-explanatory, your view accepts @model albaraka.Models.ProductViewModel not @model IList<albaraka.Models.ProductViewModel>. In your view you are using @model albaraka.Models.ProductViewModel which indicates that the model expected by the View is of type ProductViewModel:

[HttpGet]
public ViewResult Product_List()
{
    ProductViewModel viewModelList = new ProductViewModel();

    viewModelList.LProducts = (from products in db.AB_Product
                  where products.details == "Pending"
                  select products).ToList();

    return View(viewModelList);
}

edited Jan 28, 2016 at 11:24

answered Jan 28, 2016 at 11:19

Sirwan Afifi

10.8k14 gold badges67 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrey Korneyev Over a year ago

You've missed actual linq query execution with ToList() before passing model to thу view.

Paul Hunt · Accepted Answer · 2016-01-28 11:19:14Z

1

The error tells you exactly what the issue is. You're supplying a list of Product objects to the view instead of the ProductModelView that it's expecting. Change your controller code to this:

[HttpGet]
public ViewResult Product_List()
{
    ProductViewModel viewModelList = new ProductViewModel();

    viewModelList.LProducts = (from products in db.Product
                  where products.details == "Pending"
                  select products).ToList();

    return View(viewModelList);
}

answered Jan 28, 2016 at 11:19

Paul Hunt

3,6152 gold badges27 silver badges39 bronze badges

Comments

Andrey Korneyev · Accepted Answer · 2016-01-28 11:19:55Z

1

Well, exception text is self-explanatory - you're passing incorrect type to the view.

It should be

public ViewResult Product_List()
{
    ProductViewModel viewModelList = new ProductViewModel();

    viewModelList.LProducts = (from products in db.Product
                  where products.details == "Pending"
                  select products).ToList();

    return View(viewModelList);
}

answered Jan 28, 2016 at 11:19

Andrey Korneyev

26.9k16 gold badges73 silver badges72 bronze badges

Comments

Hugo Yates · Accepted Answer · 2016-01-28 12:08:30Z

0

The direct reason of the error is type mismatch of what you pass as argument (List) and what is expected by view (instance of ProductViewModel class).

In your controller, instead of the line:

return View(viewModelList.LProducts.ToList());

Try the following:

return View(
   new ProductViewModel {LProducts = viewModelList.LProducts.ToList()}
);

edited Jan 28, 2016 at 12:08

Hugo Yates

2,1112 gold badges27 silver badges25 bronze badges

answered Jan 28, 2016 at 11:22

rumata28

3951 silver badge6 bronze badges

Collectives™ on Stack Overflow

List and create in same view in asp.net mvc

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related