Formatting Razor ViewData in Javascript

Question

So I have been looking through relevant questions and I can't figure out exactly why my script tag is malformed.

<script language="javascript" type="text/javascript">
    var showME = false;
    var showSuffix = "";

    @if (ViewData["showME"] != null && ViewData["showSuffix"] != null)
    {
        <text>
        showME = @(Convert.ToBoolean(ViewData["showME"]) ? "true" : "false");
        showSuffix = '@Html.Raw(Json.Encode(ViewData["showSuffix "]))';
        </text>
    }
</script>

EDIT! The answer below is correct but I tracked down the malformed part to this line.

var videoHelpUrl = @(Url.Action("Index", "Help", new { Id = 46 }));

score 1 · Accepted Answer · 2013-03-13 19:17:49Z

1

Try this:

<script language="javascript" type="text/javascript">
    var videoHelpUrl = '@Url.Action("Index", "Help", new { Id = 46 })';
    console.log(videoHelpUrl);
</script>

console.log will output the Url.

Note: Always keep in mind that everything following @ in a Razor view will be processed by the Razor engine. This is why you can surround @Url.Action(...) with quotes. It will be processed first by Razor engine and then by Javascript when it is executed.

edited Mar 13, 2013 at 19:17

answered Mar 13, 2013 at 19:07

user1026130

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

1 Comment

Adam Over a year ago

It was the quotes, definitely did not even notice they were missing.

Tim B James · Accepted Answer · 2013-03-13 17:00:58Z

1

If you try using double {{ }} as in;

@{

    if (ViewData["showME"] != null && ViewData["showSuffix"] != null)
    {
        <text>
        showME = @(Convert.ToBoolean(ViewData["showME"]) ? "true" : "false");
        showSuffix = '@Html.Raw(Json.Encode(ViewData["showSuffix "]))';        
        </text>
    }

}

See if that works.

answered Mar 13, 2013 at 17:00

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

1 Comment

Adam Over a year ago

This is correct, my question was wrong. My problem lies in this line.. thoughts? var videoHelpUrl = @(Url.Action("Index", "Help", new { Id = 46 }));

Collectives™ on Stack Overflow

Formatting Razor ViewData in Javascript

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