Trouble setting javascript object in Razor View

Question

I'm trying to set a JavaScript object in my main view:

<script type="text/javascript">
   xx.yy.zz = 
   {
     a: @Model.Id,
     b: '@Model.Name',
     c: @Html.Raw(Model.JsonFeature)
   }
</script>

Property "a" is an int.

Property "b" is a string.

Property "c" is also a string on the server side, but it's actually a JSON-encoded string, hence my use of @Html.Raw.

But the problem is that field could be empty, so i'm trying to do something like this:

<script type="text/javascript">
   xx.yy.zz = 
   {
     a: @Model.Id,
     b: '@Model.Name',
     c: @(Model.JsonFeature != null ? Html.Raw(Model.MappingViewModel.JsonFeature) : null)
   }
</script>

And it's causing all sorts of problem, e.g renders this:

<script type="text/javascript">
   xx.yy.zz = 
   {
     a: 1,
     b: 'Foo',
     c: 
   }
</script>

And so it cracks it with "Unexpected token }" (understandable).

How do i set a javascript property to a string value, or empty, using a Razor C# conditional?

Would you even like to have c if it is null? I mean you want all your data to have { a: 1, b:'Foo', c: "" } or just a and b if c is null? — oamsel
– oamsel, Commented May 7, 2012 at 7:26

Darin Dimitrov · Accepted Answer · 2012-05-07 06:14:27Z

3

Try like this:

<script type="text/javascript">
    xx.yy.zz = @Html.Raw(Json.Encode(new {
        a = Model.Id,
        b = Model.Name,
        c = Model.JsonFeature != null && !string.IsNullOrEmpty(Model.MappingViewModel.JsonFeature)
            ? Json.Decode(Model.MappingViewModel.JsonFeature)
            : (string)null
    }));
</script>

edited May 7, 2012 at 6:14

answered May 7, 2012 at 6:09

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

Collectives™ on Stack Overflow

Trouble setting javascript object in Razor View

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related