如何在表格中排列项目 - MVC3视图(Index.cshtml)

时间:2012-05-16 07:15:51

标签: c# asp.net asp.net-mvc asp.net-mvc-3 razor

我想使用ASP.NET MVC3显示特定类型食物样本中存在的不同类型维生素的数量。如何在我的View(Index.cshtml)中显示它?

一个例子: enter image description here

这些是我的代码:

<table>
<tr>
    <th></th>
    @foreach (var m in Model)
    {
         foreach (var v in m.Vitamins)
         {
              <th>@v.Name</th> 
         }           
    }
</tr>

   @foreach (var m in Model)
   {
         foreach (var f in m.Foods)
        {
             <tr>
                  <td>@f.Type</td>
             </tr> 
        }          
   }
</table>

@*The amount of Vitamins in each food:

       var a in m.AmountOfVitamins
       @a.Amount

*@

1 个答案:

答案 0 :(得分:3)

如果正确订购了 Amount 集合(我猜是的),那么你可以简单地使用:

foreach (var f in m.Foods)
{
    <tr>
        <td>@f.Type</td>
        foreach (var a in m.AmountOfVitamins)
        {
            <td>a.Amount</td>
        }
    </tr> 
} 

如果它们是其他随机顺序,那么你需要一种方法根据标题列A,B,C,D ...对它们进行排序。