How do I use Razor values in a javascript function

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.

Answer 1

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.

Answer 2

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);