In razor view, how to pass model property to JavaScript function and display return value?

Question

I have a partial view that is rendered multiple times from a foreach loop in the parent view.

I need to take a model property value (string), pass it to a javascript function to do some checking and possible processing, string manipulation etc., and then return the value to the razor view for display, likely using @Html.Raw.

Can anyone suggest how to accomplish this, and is this the appropriate approach for this problem (this has to be done on the client)? Thank you.

Thanks. My sol'n has to be done entirely on the client. Nothing server-side. — pseudoware
– pseudoware, Commented May 5, 2014 at 5:56
Razor does not execute on the client side, it generates the static html to send to the client. You'll need to update an element in the DOM with the result of the Javascript function. Have a look at a Javascript library such jQuery to facilitate this. jQuery.val() is probably the function you want. — xenolightning
– xenolightning, Commented May 5, 2014 at 6:02
When you pass your model to the view, which checking do you do on the client side? You must think that if this checking can affect the view it is better to let the controller do all the job, the view must just render the model passed. — user3383479
– user3383479, Commented May 5, 2014 at 6:07

Bubavanhalen · Accepted Answer · 2014-05-05 09:06:50Z

2

Im not sure but, you can try something like this!

<script>
$(function() {
    var jsVar = @Model.Text; //It works, just the editor shows an error.

    //Do your Stuff with jsVar;

    $('#txtExample').prop('value', jsVar); //write it back!
});
</script>

@Html.TextBoxFor(e => e.Text, new {id = "txtExample"})

edited May 5, 2014 at 9:06

answered May 5, 2014 at 7:49

Bubavanhalen

1589 bronze badges

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

Collectives™ on Stack Overflow

In razor view, how to pass model property to JavaScript function and display return value?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related