2011-06-30 6 views
1

私はこのコードを持っていますが、私はちょうど1の代わりに2行を印刷する方法を疑問に思っています(後で私はそれが画面サイズasp.netのリストから2列の写真を印刷する方法mvc3

http://pastebin.com/H7CpBWWN

@model IEnumerable<FirstWeb.Models.Picture> 

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

<p> 
    @Html.ActionLink("Create New", "Create") 
</p> 
<table> 
    <tr> 
     <th> 
      Title 
     </th> 
     <th> 
      Path 
     </th> 
     <th> 
      ConcertYear 
     </th> 
     <th> 
      Title 
     </th> 
     <th> 
      Path 
     </th> 
     <th> 
      ConcertYear 
     </th> 
    </tr> 
@bool even = false; 
@foreach (var item in Model) { 

    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.Title) 
     </td> 
     <td> 
      <a [email protected](modelItem => item.Path)><img [email protected](modelItem => item.Path) width="250px" /> </a> 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.ConcertYear) 
     </td> 
    </tr> 
} 

</table> 

)可能性が、今のはわずか2列でなければなりませんので、もし私が、私は方法がわからないブール値は、左と右の列

答えて

0

間の切り替えになりたいです左または右のブール値フラグを使用して実行することはできますが、 2つの列の後に、このようなことをすることができます(誤植/構文エラーの申し訳ありませんが、あなたはその考えを得ています)。

限り動的な列として、あなたはその

ためにjqueryのを見てする必要があります
@for (int i = 0; i < Model.ContactMethods.Count; i += 2) 
    { 

     <tr> 
      <td> 
       @Html.DisplayFor(modelItem => Model[i].Title) 
      </td> 
      <td> 
       <a [email protected](modelItem => Model[i].Path)> 
        <img [email protected](modelItem => Model[i].Path) width="250px" /> 
       </a> 
      </td> 
      <td> 
       @Html.DisplayFor(modelItem => Model[i].ConcertYear) 
      </td> 
      @if (Model.ContactMethods.Count > i + 1) 
      { 
       <td> 
        @Html.DisplayFor(modelItem => Model[i + 1].Title) 
       </td> 
       <td> 
        <a [email protected](modelItem => Model[i + 1].Path)> 
         <img [email protected](modelItem => Model[i + 1].Path) width="250px" /> 
        </a> 
       </td> 
       <td> 
        @Html.DisplayFor(modelItem => Model[i + 1].ConcertYear) 
       </td> 
      } 
      else 
      { 
       <td colspan="3"></td> 
      } 
     </tr> 
    } 

関連する問題