Kết hợp mã html và mã trong foreach trong dao cạo

Question

Tôi muốn tạo lưới khởi động với lớp dòng chất lỏng. Nó là cần phải tách tất cả div lồng nhau với lớp span4 thành các khối. Vì vậy, tôi muốn có html như thế này:

<div class="row-fluid"> 
     <div class="span4"></div> 
     <div class="span4"></div> 
     <div class="span4"></div> 
    </div> 
    <div class="row-fluid"> 
     <div class="span4"></div> 
     <div class="span4"></div> 
     <div class="span4"></div> 
    </div> 

Và tôi có mã trong dao cạo

@{ 
int counter = 3; 
} 
@foreach (var config in Model) 
{ 
    @if (counter == 3) 
    { 
     <div class="row-fluid"> 
     @counter = 0; 
    } 
    @Html.Partial("_ConfigBar", config) 

    @if (counter == 2) 
    { 
     </div> 
    } 
    @{counter++;} 
} 

Nhìn ra một khoảng chỉ cần đặt div với lớp span4, và có gì thú vị.

Nhưng nó không hoạt động. Bất cứ ai có thể chỉ cho tôi những gì là sai?

Answer 1

Something như thế này nên tạo ra những gì bạn cần:

@{ 
    int counter = 0; 
    foreach (var config in Model) 
    { 
     if (counter == 0) 
     { 
      @Html.Raw("<div class=\"row-fluid\">") 
     } 
     else if (counter > 0 && counter % 3 == 0) 
     { 
      @Html.Raw("</div><div class=\"row-fluid\">") 
     } 

     @Html.Partial("_ConfigBar", config) 

     counter++; 
    } 

    @Html.Raw("</div>") 
} 

này sẽ:

• tạo một div khai mạc vào vòng đầu tiên
• đóng mở hiện div và mở một div mới trên mỗi vòng lặp thứ 4
• thêm div đóng khi vòng lặp hoàn tất.