Razor C# görüntü dizisi içinden foreach döngüsü

Question

Bir dizi görüntü boyunca yinelemeye çalışıyorum ve üst üste 3 görüntü aldıktan sonra bir sonraki satıra geçiyorum. Razor'la sözdizimi hataları alıyorum, eğer if ifadesinde "@" karakterine ihtiyacım yok. Ancak onları kaldırdığımda bana bir kapatma braketini kaçırdığımı söyler. Hiçbir yerde eksik bir destek göremiyorum. İşte benim kodum.

<!-- MATRIX --> 
<div> 
<table class="table table-responsive"> 
    <tr> 

    @{ 
     int c = 0; 
    } 

    @foreach (var x in portifolioImages) 
    { 
     c++; 
     <td><img src="@x.UmbracoFile" alt="@x.imageTitle" style="margin:0  auto;" /></td> 
     @if (c == 3) 
     { 
      </tr><tr> 
     } 
    } 

</tr> 
</table> 
</div> 
<!-- END MATRIX --> 

Answer 1

Bu hat

@if (c == 3) 
{ 
</tr><tr > 
} 

</tr><tr > C# kodu değil. Bu yüzden, usturaya HTML olarak davranmasını söylemelisiniz. Bunu @: önekiyle yapabilirsiniz. Önceden kod satırında (foreach) varsa, @'un önüne gerek yoktur.

if (c == 3) 
{ 
    @:</tr><tr > 
} 

Ama öğe sayısı 3. Yani başka koşul ise o kısmı (tr açılması) hareket etmeli olabilir olduğunda bu kod hala açık tr etiketi üretecektir. Bu kod gayet iyi çalışmalıdır.

<table> 
    @{ var counter = 1; } 

    @foreach (var item in Model.Events) 
    { 
     if (counter==1) 
     { 
      @:<tr> 
     } 
     <td>Your content</td> 
     if (counter % 3 == 0) 
     { 
      @:</tr> 
      counter = 1; 
     } 
     counter++; 
    }  
</table>