MVC 3 Razor how to make complex javascript conditional?

Question

I've got this multi-line javascript snippet:

$.getJSON('@Url.Action("ReconBases")', 
          { modelId: selectedModelId },
          function(selectItems) { 
            buildDropDown('#SelectedReconId', selectItems); 
          });

I want to conditionally add this script to the page based on a view model variable, like this:

@if ( Model.GetBases )
{
  <snippet above>
}

Can anyone tell me if this is possible and the right syntax for doing this? I've tried using @: and Html.Raw, but I can't seem to get the right format for it to work.

possible duplicate of using razor within javascript

Aleks G
– Aleks G

2012-10-30 08:56:46 +00:00
Commented Oct 30, 2012 at 8:56 — Aleks G
– Aleks G, Commented Oct 30, 2012 at 8:56

Timeout · Accepted Answer · 2012-03-11 02:43:11Z

18

Output code inside a conditional in Razor must be surrounded by HTML tags such as <div></div> (this "flags" it as output, and not more C# code).

If no particular tag suits your needs you can use the special <text></text> that are Razor specific. These are NOT outputted during rendering.

@if ( Model.GetBases )
{
  <text>
    <snippet above>
  </text>
}

This also applies to for, foreach, etc.

edited Mar 11, 2012 at 2:43

answered Mar 11, 2012 at 2:33

Timeout

7,93928 silver badges39 bronze badges

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

Comments

Rikin Patel · Accepted Answer · 2015-08-21 06:39:15Z

12

You can also make conditon of c# with javascript some code snippet here.

Multi-line JavaScript Code

Use <text></text>

@if ( Model.SomeProp == true)
{
  <text>
    <Your javaScript Multi-line  code>
  </text>
}

Single-line JavaScript code

Use @:

@if ( Model.SomeProp == true)
{  
    @:<Your javaScript single code>  
}

answered Aug 21, 2015 at 6:39

Rikin Patel

9,4738 gold badges74 silver badges80 bronze badges

1 Comment

Muffun Over a year ago

If Model.SomePop type is Boolean don't compare the value to true, just use the property as the if statement. if(Model.SomeProp) {

Collectives™ on Stack Overflow

MVC 3 Razor how to make complex javascript conditional?

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