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.
You can't. Razor is a . NET assembly and doesn't run on JavaScript or in a browser. It's meant to be executed server-side.
A Blazor app can invoke JavaScript (JS) functions from . NET methods and . NET methods from JS functions. These scenarios are called JavaScript interoperability (JS interop).
Razor Pages focus on page-based scenarios for building web applications rather than using controllers and views like a traditional ASP.NET MVC application. Once the application receives an HTTP request, it moves through the middleware pipeline until it reaches a middleware component that can handle and process it.
What are Razor Pages? Razor pages are simple and introduce a page-focused framework that is used to create cross-platform, data-driven, server-side web pages with clean separation of concerns.
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);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With