Question

我正在使用c＃在MVC4中完成我的项目。我的模型中有一个IEnumerable列表。我使用以下循环在我的视图中列出。

       <table id="memberlist">
       <tbody>
        @foreach(var item in Model)
         {
          <tr>
             <td>Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</td>
          </tr>
         }
       </tbody>
       </table>

实际上我想要输出如下表

 <table id="memberlist">
       <tbody>
          <tr>
             <td>Rtn.item.Mem_NA1<br />(item.Mem_Occ1)</td>
             <td>Rtn.item.Mem_NA2<br />(item.Mem_Occ2)</td>
             <td>Rtn.item.Mem_NA3<br />(item.Mem_Occ3)</td>
          </tr>
          <tr>
             <td>Rtn.item.Mem_NA4<br />(item.Mem_Occ4)</td>
             <td>Rtn.item.Mem_NA5<br />(item.Mem_Occ5)</td>
             <td>Rtn.item.Mem_NA6<br />(item.Mem_Occ6)</td>
          </tr>
       </tbody>
       </table>

是否可以使用foreach循环生成上面的表格。或者更好地使用div而不是table。请帮帮我

Answer 1

首先，完全可以这样做。其次，你不应该这样做。考虑使用<div />使布局“流动”。使用div创建的“table”将随窗口调整大小。

       @{
           int groupings = 3;
           var grouped = Model.Select((x,i) => new { x, i = i / groupings  })
                         .GroupBy(x => x.i, x => x.x);
       }

       <table id="memberlist">
       <tbody>
        @foreach(var items in grouped)
         {
          <tr>
             @foreach(var item in items)
             {
                 <td>Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</td>
             }
          </tr>
         }
       </tbody>
       </table>

使用div你会......

    @foreach(var item in Model)
     {
         <div style="float:left;">Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</div>
     }

Answer 2

谢谢大家，我有另一种方式

@{
 int total = 0; 
}
<table id="memberlist">
<tbody>
    @foreach(var item in Model)
    {
        if( total % 4 == 0 ){
        @:<tr>
        }
        <td>Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</td>
        if( total+1 % 5 == 0 ){
        @:</tr>
        }
        total++;
    }
</tbody>

MVC4中表的Foreach循环

2 个答案: