call JS function inside razor foreach statement

Question

I have a Model with LevelInfo property:

public IEnumerable<Tuple<string, string, string>> LevelInfo { get; set; }

In the view I have a JS function:

function fillPath(level, color) {
        $('[level=' + level).attr({ 'fill': color });
    }

Now I want to iterate through LevelInfo and call fillPath function:

$(document).ready(function() {

        @foreach (var info in Model.LevelInfo)
        {
            // How can I call JS function from here?
            // i.e,  fillPath(info.Item1, info.Item2)
        }
    });

Thanks.

You want to call fillPath on the server or the client?

leppie
– leppie

2012-06-07 06:36:44 +00:00
Commented Jun 7, 2012 at 6:36 — leppie
– leppie, Commented Jun 7, 2012 at 6:36

Shell · Accepted Answer · 2014-10-01 05:03:56Z

8

Remember, the @foreach is executed server-side and emits HTML for things between { and }.

Simply write JavaScript right between the brackets.

$(document).ready(function() {

    @foreach (var info in Model.LevelInfo)
    {
        fillPath(info.Item1, info.Item2) // Assumes this is a function defined in JavaScript elsewhere
    }
});

Razor is sometimes a bit picky about recognizing a transition from server-side to client-side code. You may need to wrap the JavaScript code in <text> to help Razor along.

edited Oct 1, 2014 at 5:03

Shell

6,86911 gold badges43 silver badges75 bronze badges

answered Jun 7, 2012 at 6:36

Eric J.

151k65 gold badges353 silver badges563 bronze badges

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

Collectives™ on Stack Overflow

call JS function inside razor foreach statement

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