How do I use Razor values in a javascript function? [duplicate]

Question

Possible Duplicate:
using razor within javascript

I would like to place a siimple value from the model on a razor page and use it as a constant value in a javascript function. i.e.

<script> var myValue = @Model.myRecord.Count();</script>

so that myValue = the record count in my model. I am using myRecord.Count as an example, it could be any value from my model.

Is this possible?

TIA J

OK I stumbled across the following solution:

<script> var myValue = @(Model.myRecord.Count())</script>

Just putting inthe extra brackets helped.

YES IT IS POSSIBLE. Are you facing any errors ?

Shyju
– Shyju

2012-09-10 20:39:40 +00:00
Commented Sep 10, 2012 at 20:39 — Shyju
– Shyju, Commented Sep 10, 2012 at 20:39
That code should work. What is the error?

Paul
– Paul

2012-09-10 20:40:51 +00:00
Commented Sep 10, 2012 at 20:40 — Paul
– Paul, Commented Sep 10, 2012 at 20:40

Darin Dimitrov · Accepted Answer · 2012-09-10 20:51:43Z

17

Sure, just make sure to properly encode it. For example you could JSON encode the entire model itself:

@model IEnumerable<MyViewModel>
<script type="text/javascript">
    var model = @Html.Raw(Json.Encode(Model));
    // at this stage the model javascript variable represents the JSON encoded
    // value of your server side model so that you can access all it's properties:
    alert(model.length);
</script>

or:

alert(model[2].Foo.Bar);

or whatever.

But if you only care about the number of elements inside the model (if this model represents a collection):

var count = @Html.Raw(Json.Encode(Model.Count()));
alert(count);

answered Sep 10, 2012 at 20:51

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

thatOneGuy Over a year ago

Solved my issue, i had to change Encode to Serialize : @Html.Raw(Json.Serialize(Model.data)), works perfect, thanks

Zimano Over a year ago

This only works if you embed the JS into the .cshtml file, by the way. The answer could make that more clear.

Gromer · Accepted Answer · 2012-09-10 20:53:01Z

4

Make sure this is in a Razor file:

<script> var myValue = @Model.myRecord.Count();</script>

If it is in just a js file, the Razor engine won't run that code at all.

edited Sep 10, 2012 at 20:53

answered Sep 10, 2012 at 20:47

Gromer

9,9614 gold badges36 silver badges55 bronze badges

1 Comment

Doruk Over a year ago

int's are probably ok but other datatypes will fail with it.

Collectives™ on Stack Overflow

How do I use Razor values in a javascript function? [duplicate]

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related