How to show two models in same MVC view

Question

I have a model which is storing mycustomer new request information. In another history model i am storing all previous request of the customer. In view i would like to take new order and also see his previous orders and suggest some food after seeing his previous order.

Here are my models...

    public class CustomerFoodModel
    {
    public DateTime FoodRequestCreated { get; set; }
    public string FoodRequestType { get; set; }
    ...
    ...
    }

    public class CustomerHistoryModel
    {
    public string Name { get; set; }
    public DateTime FoodRequestCreated { get; set; }
    public string FoodRequestType { get; set; }
    ...
    ...
    }

Helper.cs file

    public static CustomerFoodModel getCustomerDetails(int id) // id is loyalty card number
     {
        // get details from (cutomer) sql table

        //store it in (CustomerFoodModel)

        // check if it has previous orders
         getCustomerHistoryDetails(id);
        ....


     }

     public static CustomerHistoryModel getCustomerHistoryDetails(int id)
     {
     // get deails from (history) sql table
     // store it in (CustomerHistoryModel
     }

In my controller, I am passing my (CustomerFoodModel) to the view.

      public ActionResult EditCustomerRequest(int id, string name, string date)
    {
        CustomerFoodModel CRequest =  Helper.getCustomerDetails(id);
        ...

        return PartialView("EditCustomerRequest",CRequest);

        }

How do I show the (CustomerHistoryModel) in the same view.? Is there possible to include (CustomerHistoryModel) in (CustomerFoodModel)?

score 6 · Answer 1 · answered May 16 '15 at 16:35

Create a new class to wrap both of the model.

public class CustomerFoodModel
{
   public CustomerFoodModel CustomerFood { get; set; }
   public CustomerHistoryModel CustomerHistory { get; set; }
}

And on your controller

public ActionResult EditCustomerRequest(int id, string name, string date)
{
    CustomerFoodModel CRequest =  Helper.getCustomerDetails(id);
    CustomerHistoryModel CHModel = Helper. getCustomerHistoryDetails(id);
    return PartialView("EditCustomerRequest",new CustomerFoodModel(){
         CustomerFood = CRequest,
         CustomerHistory = CHModel
    });

}

stackada · Answer 2 · 2015-05-16T16:42:27.203

3

Use wrapper class which contain both of class

public class CustomerViewModel
{
    public CustomerFoodModel FoodModel { get; set; }
    public CustomerHistoryModel HistoryModel { get; set; }
}

edited May 16 '15 at 16:42

answered May 16 '15 at 16:29

stackada

414
1
6
16

This is more of a comment than it is an answer worth using. – Nicklas Pouey-Winger May 16 '15 at 16:40
@NicklasWinger Does it make sense now :P – stackada May 16 '15 at 16:43

score 3 · Answer 3 · edited May 23 '17 at 12:00

3

I think the best approach is to use a partial view inside the main view. The partial view can call back to another controller to get a new model and pass that model to the partial view. This keeps things better seperated.

Look at this post for a similar issue. Using partial views in ASP.net MVC 4

edited May 23 '17 at 12:00

Community

1
1

answered May 16 '15 at 16:33

ToddB

1,464
1
12
27

score 1 · Answer 4 · answered May 16 '15 at 16:31

You have a few options. I would probably could create a view model that contains both of your models:

public class CustomerViewModel
{
    public CustomerFoodModel FoodModel { get; set; }
    public CustomerHistoryModel HistoryModel { get; set; }
}

Or, depending on your data structure, you may have multiple history entries per customer:

public class CustomerViewModel
{
    public CustomerFoodModel FoodModel { get; set; }
    public List<CustomerHistoryModel> HistoryModels { get; set; }
}

Then your getCustomerDetails function would return a CustomerViewModel instead.

How to show two models in same MVC view

4 Answers4