2011-10-12 55 views
0

我在我的视图中列出了复选框。它以垂直格式显示我。 像如何在mvc3中格式化查看结果?

一个

b

Ç

d

...

但我要格式化,在这样的方式,将模样。

A B C d

E F G H

I J K L

我的代码看起来是这样的

@foreach (var item in Model) 
    { 
    <table> 
     <tr> 
     <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td> 
     </tr> 
    </table> 

我怎样才能格式化这个?

回答

1

愿你不使用布局的目的表;)

反正这应该做的伎俩,它的粗糙的代码,并且可以b e抛光,但希望这会给你一个良好的开端

<table> 
    <tr> 
@{var rower = 0;} 
    @foreach (var item in Model) 
    { 
     if (rower % 4 == 0 && rower != 0) 
     { 
      @:</tr> 
      @:<tr> 
     } 
     <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td> 
     rower++; 
    } 
    </tr> 
</table> 
+0

谢谢Skuld!它的工作完美。 – Bhargav

0

假设您需要一份列表,而不是一个表:

//你可以在这里检查模型是否包含任何项目

<ul> 
@foreach (var item in Model) 
{ 
    <li><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</li> 
} 
</ul> 

在你的CSS,你需要显示列表属性设置为inline