Javascript variable in razor ActionLink

Question

var boxIdValue = 233;
var result = title + \'
@Html.ActionLink(\"Detail\", \"Show\", \"Boxes\", new{boxId=233}, null)\';

When I hardcode

Answer 1

Have a look at this related Stack Overflow question.

The reason why this is a challenge is that the Razor method executes on the web server at render time while the javascript executes on the client browser at runtime.

I would solve this by doing something like

var boxIdValue = 233;
var link = '@Html.ActionLink("Detail", "Show", "Boxes", new{boxId=-1}, null)'
link = link.replace('-1', boxIdValue);
var result = title + '<br />' + link;