Send C#/razor to javascript function

Question

How I can make it work:

@foreach (var alert in Model.AlertsRelatedToBrand)
 {
     <li class="notifications-row">
         <div class="notifications-icon notifications-icon-alert">&nbsp</div>
         <div class="notifications-text"><a>@alert.Title</a></div>
         <a href="#" class="notifications-dismiss" onclick="onHideAlertClick(@alert.Id)">x</a> // here is problem
     </li>
}

I want to send id of each alert to function if item was clicked.

Try messing around with the quotes... onclick="onHideAlertClick('@alert.Id')" or onclick='onHideAlertClick(@alert.Id)' etc etc — BLoB
– BLoB, Commented Jul 19, 2016 at 13:20

Rion Williams · Accepted Answer · 2016-07-19 13:19:51Z

1

Your code appears correct as the use of @alert.Id should output the value into your existing onHideAlertClick() function :

onclick="onHideAlertClick(@alert.Id)"

It's worth noting that if your Id property is an integer, you may want to try wrapping the parameter within single quotes to pass it along as a string as seen below :

onclick="onHideAlertClick('@alert.Id')"

answered Jul 19, 2016 at 13:19

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

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

Collectives™ on Stack Overflow

Send C#/razor to javascript function

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