.net MVC 3多列

时间:2012-04-02 23:26:16

标签: asp.net-mvc asp.net-mvc-3

我想在5列/列

的更多列中显示列表

我的代码现在无法正常工作:

@{
    var c=0;
 }

<div >


@foreach (var item in Model) {
     c += 1;
    @Html.ActionLink(item.Judet , "Browse", new { judet = item.Judet }) <br />

     if (c == 5){
         Response.Write("</div><div style='border: 1px solid red;'>");
         c = 0;
     }

}

 </div>

当我运行代码时,我得到了这个: enter image description here

2 个答案:

答案 0 :(得分:2)

尝试将代码更改为

 if (c == 5){
     @:</div><div style='border: 1px solid red;'>
     c = 0;
 }

答案 1 :(得分:1)

您忘记将列/样式应用于列的div。因此,长列表,而不是列。

你不需要Response.Write,你可以把它放在那里没有它。

对于列表,您可能希望使用UL / LI。

e.g。

<ul class="columnstyle">
@foreach (var item in Model.SomethingList) {
     c += 1;
    <li>@Html.ActionLink(item.Judet , "Browse", new { judet = item.Judet })</li>

     if (c == 5){
         @:</ul><ul style='border: 1px solid red;'>
         c = 0;
     }
}
</ul>