how to do if nested in for nested in code block in razor

Question

I'm trying to get into razor web pages and have this snippet of code which I can't work out how to get going successfully in razor. The for loop works correctly, but as soon as I add the if statement, it breaks.

                @{
                List<Plant> plants = PlantTableAdapter.Get().Where(t => t.featured).ToList();

                for (int i = 0; i < plants.Count; i++) {
                    if (i % 4 == 0) { 
                        <div class="row">
                    }

                    <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
                    <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
                    <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
                    <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>

                    @*if ((i + 1) % 4 == 0) {
                        </div>
                    }*@
                }
            }

It seems no matter what combination I try, it just won't work. I came across this solution ASP.NET MVC Razor - if inside for for an if inside a for, but I think because the for is already inside a code block, it breaks it.

Help me stack overflow :)

Have you tried @ before if?

Lali
– Lali

2015-08-27 03:42:31 +00:00
Commented Aug 27, 2015 at 3:42 — Lali
– Lali, Commented Aug 27, 2015 at 3:42
stackoverflow.com/questions/6320141/…

Prashanth Thurairatnam
– Prashanth Thurairatnam

2015-08-27 03:59:12 +00:00
Commented Aug 27, 2015 at 3:59 — Prashanth Thurairatnam
– Prashanth Thurairatnam, Commented Aug 27, 2015 at 3:59

Brent Mannering · Accepted Answer · 2015-08-27 04:05:42Z

Try escaping the html inside your if's using the @: line markup

@{
    List<Plant> plants = PlantTableAdapter.Get().Where(t => t.featured).ToList();

    for (int i = 0; i < plants.Count; i++)
    {
        if (i%4 == 0)
        {
            @:<div class="row">
        }

        <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
        <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
        <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>
        <div class="col-sm-3"><a href="#"><img class="img-responsive" src="../Style/Images/demo1.jpg" alt="variety name" /><p>Variety Name</p></a></div>

        if ((i + 1)%4 == 0)
        {
            @:</div>
        }
    }
}

Lali · Accepted Answer · 2015-08-27 03:57:10Z

0

Coding structure in razor is more reliable and less error prone. You placed an opening div in first 'if' and closing in second. What if first and second 'ifs' are not true in single iteration? then there will be an extra opening or closing which makes no sense.

answered Aug 27, 2015 at 3:57

Lali

2,8665 gold badges33 silver badges49 bronze badges

1 Comment

crazyhor77 Over a year ago

you are absolutely correct, i would have found that out once i corrected the markup, but thanks anyway

Collectives™ on Stack Overflow

how to do if nested in for nested in code block in razor

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related