Passing Razor syntax variable into javascript onclick of an Html Helper

Question

Trying to render the page, and trigger a notification on button click. I have set this up to just do a pop up for now, since its an internal application for the higher ups.

The button in question is a simple razor syntax html helper with an onclick event to return a confirm dialog. However it seems I am unable to render the item variable for this.

@Html.ActionLink("Delete", "Delete", new { id = item.Id },
 new { @class = "btn btn-warning", 
 onclick = "return confirm('WARNING: Delete @item.Id?');" })

this fails to render item.Id (the output of the surrounding foreach statement but instead outputs the string literal "@item.Id"

@Html.ActionLink("Delete", "Delete", new { id = item.Id }, 
 new { @class = "btn btn-warning", 
 onclick = "return confirm('WARNING: Delete ' + item.Id + '?');" })

This renders the variable but since it is not a javascript variable it renders as "Delete undefined ?"

How can I use a variable from the foreach outside of the javascript passed into this dialog, to make the message more descriptive.

Bhuban thanks for the insight that is what I am trying to get to, however I cannot for the life of me remember/find the syntax can you elaborate with an example — asuppa
– asuppa, Commented Jun 20, 2017 at 13:07

interesting-name-here · Accepted Answer · 2017-06-20 13:28:35Z

2

I was able to solve my own problem using string.Format in C#.

@Html.ActionLink("Delete", "Delete", new { id = item.Id }, 
 new { @class = "btn btn-warning", 
 onclick = string.Format("return confirm('WARNING: Delete {0}?');", item.Id) })

edited Jun 20, 2017 at 13:28

interesting-name-here

1,8901 gold badge22 silver badges35 bronze badges

answered Jun 20, 2017 at 13:10

asuppa

5712 gold badges11 silver badges30 bronze badges

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

3 Comments

Dave Over a year ago

The reason you had to do it that way, is that you had already switched to "code" mode by starting a line with @. The razor compiler never even saw the @item.

asuppa Over a year ago

Dave: makes perfect sense, Thank you for the details, hopefully this saves someone the far too long I spent on a stupid error

interesting-name-here Over a year ago

@Dave or as in my answer for their second example they were including a javascript variable instead of their foreach variable since the string wasn't concatenated correctly. Two ways to cut the cake.

interesting-name-here · Accepted Answer · 2017-06-20 13:07:58Z

0

You aren't closing your string properly. Try the following:

onclick = "return confirm('WARNING: Delete " + item.Id + "?');"

Your error is saying the javascript item item.Id is not defined because item is probably not defined in your js scripts.

answered Jun 20, 2017 at 13:07

interesting-name-here

1,8901 gold badge22 silver badges35 bronze badges

Collectives™ on Stack Overflow

Passing Razor syntax variable into javascript onclick of an Html Helper

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related