jquery-tmpl 模板中的 ASP.NET MVC ActionLink

Question

我定义了一个jquery-tmpl：

<script id="postTemplate" type="text/x-jquery-tmpl">
     <div class="div-msg-actions-inner">
          @Html.ActionLink("Edit", "Edit", "Post", new { postId = "${PostId}" }, new { @class = "button" })
          @Html.ActionLink("Reply", "Reply", "Post", new { topicId = "${TopicId}" }, new { @class = "button" })
     </div>
 </script>

操作链接导致“$”被编码为“%24”。有没有办法解决这个问题，以便正确替换我的操作链接中的 ID？

Answer 1

继续发送相同的路由值参数，但将此脚本放在布局的末尾。它将替换每个页面中所有模板中的所有 ${propName} 字符串。

 $("script[type='text/x-jQuery-tmpl']").text(function (i, oldText) {
               return oldText.replace(/(%24%7B.+?%7D)&/gi, "{$1}&")
                             .replace(/%24%7B(.+?)%7D/gi, "${$1}");
});  

Answer 2

@Html.ActionLink("Edit", "Edit", "Post", new { postId = "999" }, new { @class = "post-button", })
@Html.ActionLink("Reply", "Reply", "Post", new { topicId = "888" }, new { @class = "reply-button" })

...

$("#postTemplate").text($("#postTemplate").text().replace("999", "${PostId}"));
$("#postTemplate").text($("#postTemplate").text().replace("888", "${TopicId}"));

这是我最终使用的解决方案。

Answer 3

实现此目的的一种方法是跳过 ActionLink Helper 并使用简单的 HTML 锚标记，例如，

<a href='@Url.Content("~/Post/Edit/${PostId}")'>Post</a>
<a href='@Url.Content("~/Post/Reply/${TopicId}")'>Reply</a>

我知道这并不理想，但这对我有用。

Answer 4

将 Html.Raw 与 Url.Action 结合使用

您是否尝试过将 Html.Raw 与 Url.Action 结合使用？因此，您不必使用 Html.ActionLink 创建链接，而是生成常规 HTML，并且不对特定链接/锚点的 URL 进行编码。

<a href="@Html.Raw(Url.Action("Edit", "Post", new { postId = "${PostId}"}, new { @class = "button" }))">Edit</a>

这应该将模板变量保留在模板内。

将 Html.Raw 与 Html.ActionLink 结合使用

我想您已经尝试过：

@Html.Raw(Html.ActionLink("Edit", "Edit", "Post", new { postId = "${PostId}" }, new { @class = "button" }))