javascript - MVC/JavaScript/Razor - 如何从按钮打开新 View

Question

我正在使用MVC模式在.Net框架中工作。我有一个链接(有效)，如下所示:

<li><a href="@Url.Action("HomePage", "Home")">Main Page</a></li>

在上面的链接中，“HomePage”是.cshtml页面的名称， Controller 中有一个同名的方法返回 View 。第二个参数“Home”是.cshtml页面所在的Views下的子文件夹。

现在，在同一 View 的不同部分中，我有一个按钮，单击时应导航到相同位置。它看起来像这样:

<input type="button" class="navigationButtons" id="btnHome" value="Main Page" />

因为我为导航按钮使用 .css 样式表，所以我真的很想将代码从 JavaScript 中的按钮转到主页。因此，我创建了一个 jQuery 变量并将其绑定(bind)到 .on("click", onHome) 事件。我有以下方法:

onHome = function () {
    var url = '@Url.Action("HomePage", "Home")';
    window.location.href = url;
}

我也尝试过 window.open("HomePage", "Home");连同我能找到的其他东西，都无济于事。 重要提示:我不希望在新窗口中打开 View ；它应该像在链接中一样打开(它显示框架 View 内的 View ，就像属于主应用程序页面的主菜单下的嵌入 View )。

我了解到，如果我在 html 中使用按钮类型而不是输入类型，我可以包含 onClick 的链接，但我也遇到了麻烦。看来所有示例都包含完整的 url。但我正在尝试在框架中打开一个 View 。我没有完整的网址。

有人对如何通过 JavaScript 制作这种类型的导航有任何想法吗？如果没有，或者html中有更好的方法，那么我渴望得到回复。

Answer 1

您可以在“navigationButtons”类中使用actionlink Html 帮助器吗？

@Html.ActionLink("Home", "Index", "Home", new { @class = "navigationButtons" })