Confused by variable scope when mixing Javascript and Razor in ASP.NET MVC3

Question

I have some code that is failing due to an error:

The name 'foo' does not exist in the current context

It's due to a variable scope issue that I'm confused about. I thought that this should work:

var foo = "<ul>";

@for (int i = 0; i < 10; i++)
{
    foo += "<li>bar</li>";
}
foo += "</ul>";

The Razor syntax should invoke the for loop and the variable foo would still be in scope in terms of the javascript because by the time the browser interprets the code, the razor syntax is essentially invisible.

However, the error message I'm getting is from the compiler so somehow the C# is trying to reference foo. What am I missing and how do I modify the code so that I get the proper javascript code outputted so it concatenates <li>bar</li> like I'm attempting to do?

SLaks · Accepted Answer · 2011-11-06 20:29:04Z

5

The contents of a code block, such as a for loop, are assumed to be server-side code.

You need to explicitly tell Razor that it's markup using the <text> special tag.

answered Nov 6, 2011 at 20:29

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

1 Comment

TMC Over a year ago

Thanks! Exactly what I was looking for both <text></text> and '@:' prefix work.

COLD TOLD · Accepted Answer · 2011-11-07 19:05:00Z

0

@{
var foo = "<ul>";

for (int i = 0; i < 10; i++)
{
    foo += "<li>bar</li>";
}
foo += "</ul>";

}

or this

@var foo = "<ul>";

@for (int i = 0; i < 10; i++)
{
    foo += "<li>bar</li>";
}
foo += "</ul>";

now this whole aspect is considered razor including the var foo

edited Nov 7, 2011 at 19:05

answered Nov 6, 2011 at 20:32

COLD TOLD

13.6k3 gold badges37 silver badges53 bronze badges

1 Comment

J. Holmes Over a year ago

I think this is the opposite of what the OP is asking about

Collectives™ on Stack Overflow

Confused by variable scope when mixing Javascript and Razor in ASP.NET MVC3

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related