如何在新标签页中打开剃刀操作链接？

Posted 2023-03-05

【中文标题】如何在新标签页中打开剃刀操作链接？

【英文标题】：How to have a a razor action link open in a new tab?

【发布时间】：2012-06-06 18:54:54

【问题描述】：

我试图让我的链接在新标签页中打开（它必须是剃刀格式）：

    <a href="@Url.Action("RunReport", "Performance", new  reportView = Model.ReportView.ToString() , new  target = "_blank" )" type="submit" id="runReport" class="button Secondary">@Reports.RunReport</a>

但这不起作用。有人知道怎么做吗？

【问题讨论】：

您为什么要费心尝试将其放入Url.Action？只需放入 <a> 标签本身即可。

【参考方案1】：

您没有将 type 设置为 submit。这意味着浏览器应该将您的<form> 数据发布到服务器。

事实上，根据w3schools，标签没有类型属性。

如此远程的type 属性，它应该对你有用。

【参考方案2】：

只需使用htmlHelper ActionLink 并相应地设置RouteValues 和HtmlAttributes。

@Html.ActionLink(Reports.RunReport, "RunReport", new  controller = "Performance", reportView = Model.ReportView.ToString() , new  target = "_blank" )

【参考方案3】：

看起来您将Html.ActionLink() 与Url.Action() 混淆了。 Url.Action 没有设置 Target 的参数，因为它只返回一个 URL。

根据您当前的代码，锚应该如下所示：

<a href="@Url.Action("RunReport", "Performance", new  reportView = Model.ReportView.ToString() )" 
   type="submit" 
   id="runReport" 
   target="_blank"
   class="button Secondary">
     @Reports.RunReport
</a>

【参考方案4】：

由于UrlHelper.Action(string,string,object,object) 不存在，因此无法编译。

UrlHelper.Action 只会根据您提供的操作生成 URL，而不是 <a> 标记。如果您想添加 HtmlAttribute（如 target="_blank"，以在新选项卡中打开链接），您可以：

自己给<a>元素添加target属性：

<a href="@Url.Action("RunReport", "Performance",
    new  reportView = Model.ReportView.ToString() )",
    target = "_blank" type="submit" id="runReport" class="button Secondary">
    @Reports.RunReport
</a>

使用 Html.ActionLink 生成一个<a> 标记元素：

@Html.ActionLink("Report View", "RunReport", null, new  target = "_blank" )

【参考方案5】：

<a href="@Url.Action("RunReport", "Performance", new reportView = Model.ReportView.ToString() )" type="submit" id="runReport" target="_blank" class="button Secondary"> @Reports.RunReport </a>

【参考方案6】：

如果您的目标是使用 ActionLink 帮助程序并打开一个新选项卡：

@Html.ActionLink("New tab please", "Home", null , new  target = "_blank" )

@Html.ActionLink("New tab please", "Home", Nothing, New With Key .target = "_blank")

【参考方案7】：

使用命名参数：

@Html.ActionLink(linkText: "TestTab", actionName: "TestAction", controllerName: "TestController", routeValues: null, htmlAttributes: new  target = "_blank")

【参考方案8】：

asp.net mvc ActionLink 带有角度参数的新标签

<a  target="_blank" class="btn" data-ng-href="@Url.Action("RunReport", "Performance")?hotelCode=hotel.code">Select Room</a>

【参考方案9】：

对于

@Url.Action

<a href="@Url.Action("Action", "Controller")" target="_blank">Link Text</a>

【参考方案10】：

@Html.ActionLink(
"Pay Now",
"Add",
"Payment",
new  @id = 1 ,htmlAttributes:new  @class="btn btn-success",@target= "_blank"  )

【讨论】：

虽然此代码可能会回答问题，但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。