Razor Syntax Inline Code

Question

What i want to do is that, there is a div containing icon sets but i want make a row with 5 icons per row. So i wrote something like this.

<div id="icons-list1" class="icons-list">
    @{ int catCount = 0; }
    @foreach (var catItem in Model.Categories)
    {
        if (catCount == 0)
        {
           <div class="icons-list-row">
        }
        <label title="@catItem.Name" data-selected-color="#@catItem.ColorCode" data-position="n" class="icon static big tooltip" original-title="Tooltip Title">
            <img alt="@catItem.Name" src="@Url.Content(@BonubonUrlHelper.CategoryImages + "dark/music.png")">
            <input name="categories" value="@catItem.Id" type="checkbox" />
        </label>
        catCount++;
        @if (catCount == 5)
        {
            </div>
            catCount = 0;  
        }
    }
</div>

But i got an error, saying foreach statement has no ending block. I tried everything, but i couldn't manage to make it work. What i make wrong? I'm new to razor syntax.

Thanks

Lorenzo Polidori · Accepted Answer · 2012-02-15 10:15:00Z

3

Make sure you escape html statements when this sort of problems appears.

In your case, however, the actual problem is with the @ escape character before the second if statement, which is not needed:

<div id="icons-list1" class="icons-list">
    @{ int catCount = 0; }
    @foreach (var catItem in Model.Categories)
    {
        if (catCount == 0)
        {
           @:<div class="icons-list-row">
        }
        <label title="@catItem.Name" data-selected-color="#@catItem.ColorCode" data-position="n" class="icon static big tooltip" original-title="Tooltip Title">
            <img alt="@catItem.Name" src="@Url.Content(@BonubonUrlHelper.CategoryImages + "dark/music.png")">
            <input name="categories" value="@catItem.Id" type="checkbox" />
        </label>
        catCount++;
        if (catCount == 5)
        {
            @:</div>
            catCount = 0;  
        }
    }
</div>

edited Feb 15, 2012 at 10:15

answered Feb 15, 2012 at 10:00

Lorenzo Polidori

10.6k10 gold badges55 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jan · Accepted Answer · 2012-02-15 10:12:58Z

1

The problem is, that you have escaped the if in the line

@if (catCount == 5)

You start a code block when you write a line with something like @foreach { where you don't have to escape C# code anymore.

Just remove the @ in front of the if and the error disappears.

answered Feb 15, 2012 at 10:12

Jan

16.1k5 gold badges38 silver badges60 bronze badges

Collectives™ on Stack Overflow

Razor Syntax Inline Code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related