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 asuppa · Accepted Answer · 2017-06-20T13:10:59

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) })

Passing Razor syntax variable into javascript onclick of an Html Helper

2 Answers