剃刀 ActionLink 中的 Javascript 变量

Question

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

当我对boxId 进行硬编码时，它就可以工作了。但是当我写的时候：

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

它没有。是否可以以这种方式混合使用javascript var和razor？

Answer 1

看看this related Stack Overflow的问题。

这是一个挑战的原因是 Razor 方法在渲染时在 Web 服务器上执行，而 javascript 在运行时在客户端浏览器上执行。

我会通过做类似的事情来解决这个问题

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