How to set a Viewmodel from several Models? - asp.net-mvc

Question

I would like to retrieve several items in one cell of a table in my view. I have several models, Product, Pack(as category), Order and OrderDetail. I think to achieve what I want, I should create a view model with data from my Models, but I don't really know how to do this and wich data i should bind.
This my view
#foreach (var item in Model)
{
<tr>
<td>
#Html.DisplayFor(modelItem => item.OrderId)
</td>
<td>
#Html.DisplayFor(modelItem => item.Username)
</td>
<td>
#Html.DisplayFor(modelItem => item.ClientID)
</td>
<td>
#Html.DisplayFor(modelItem => item.SiteNumber)
</td>
<td>
#if (item.Pack == null)
{
<ul>
#foreach (var tmp in item.????) //PRODUCT
{
<li>Html.DisplayFor(modelItem => tmp.Name) </li>
}
</ul>
}
else
{
<ul>
#foreach (var tmp in item.????) //PACK
{
<li>Html.DisplayFor(modelItem => tmp.Name) </li>
}
</ul>
}
</td>
<td>
#{
if (item.Pack == null)
{
<ul>
#foreach (var tmp in item.????) // PRODUCT
{
<li>Html.DisplayFor(modelItem => tmp.UnitPrice)
</li>
}
</ul>
}
else
{
<ul>
#foreach (var tmp in item.????) //PACK
{
<li>
#Html.DisplayFor(modelItem => tmp.UnitPricePack)
</li>
}
</ul>
}
}
</td>
<td>
#Html.DisplayFor(modelItem => item.Quantity)
</td>
<td>
#Html.DisplayFor(modelItem => item.Total)
</td>
<td>
#Html.DisplayFor(modelItem => item.OrderDate)
</td>
</tr>
I would like my table looks like that at the end :
My question again, How can I create a ViewModel to retrieves data in my view and for it match with my #foreach condition inside ma table... I don't know if I am clear enough... This post follow this one . Actually, what i've done returns me error on error, I don't really know how to set up my viewmodel, which data I need to bind and how. Thanks for your help, your advices, I take all

Answer 1

You don't necessarily need a new ViewModel, Order has all you need. Your model will be a list of orders.
#foreach (var item in Model)
{
<tr>
<td>
#Html.DisplayFor(modelItem => item.OrderId)
</td>
<td>
#Html.DisplayFor(modelItem => item.Username)
</td>
<td>
#Html.DisplayFor(modelItem => item.ClientID)
</td>
<td>
#Html.DisplayFor(modelItem => item.SiteNumber)
</td>
<td>
<ul>
#foreach (var o in item.OrderDetails)
{
if (o.Pack == null)
{
<li>#Html.DisplayFor(modelItem => o.Product.Name) </li> //PRODUCT
}
else
{
<li>#Html.DisplayFor(modelItem => o.Pack.Name) </li> // PACK
}
}
</ul>
</td>
<td>
<ul>
#foreach (var o in item.OrderDetails)
{
if (o.Pack == null)
{
<li>#Html.DisplayFor(modelItem => o.UnitPrice) </li> //PRODUCT
}
else
{
<li>#Html.DisplayFor(modelItem => o.UnitPricePack) </li> //PACK
}
}
</ul>
</td>
<td>
<ul>
#foreach (var o in item.OrderDetails)
{
<li>#Html.DisplayFor(modelItem => o.Quantity)</li>
}
</ul>
</td>
<td>
#Html.DisplayFor(modelItem => item.Total)
</td>
<td>
#Html.DisplayFor(modelItem => item.OrderDate)
</td>
</tr>
}
Update according to your update:
You are still trying to pass collection of orderdetails instead of orders
instead of this:
var user = from m in db.OrderDetails
select m;
Have this ( assuming you have Orders table):
public ActionResult Index(string searchSite, string searchString)
{
var user = from m in db.Orders
select m;
if (!String.IsNullOrEmpty(searchString))
{
user = user.Where(s => s.ClientID.Contains(searchString));
}
if (!String.IsNullOrEmpty(searchSite))
{
user = user.Where(c => c.SiteNumber.Contains(searchSite));
}
return View(user);
}

Answer 2

i would suggest use of `AutoMapper', you can try
public class A{
public string FirstName{get;set;}
}
public class B{
public string LastName{get;set;}
}
now create a view mode
public class VModel{
public string FirstName{get;set;}
public string LastName{get;set;}
}
and where you want them to converge use auto mapper like
Mapper.CreateMap<A,VModel>();
Mapper.CreateMap<B,VModel>();
var ObjectOfClassA= new A{FirstName="John"};
var ObjectOfClassB= new A{LastName="Smith"};
VModel _model = Mapper.Map<A,VModel>(ObjectOfClassA);
_model = Mapper.Map<B,VModel>(ObjectOfClassB);
access it like
_model.FirstName;//should give you john
_model.LastName;//should give you smith