如何使用ASP.net Core中的按钮导航到新页面?

时间:2017-12-20 17:40:30

标签: c# html asp.net .net-core

我有一个网页,目前链接到另一个页面:

<a asp-action="Create">Create New</a>

我试过这个,它只是非常愉快地坐在页面上,但没带我到我想去的地方:

<button asp-action="Create" class="btn btn-primary">Create</button>

如何更改此选项以使用按钮而非文字链接?

5 个答案:

答案 0 :(得分:7)

这应该有效:

<a asp-action="Create"><button class="btn btn-primary">Create</button></a>

答案 1 :(得分:1)

为什么不使用Javascript;

<button class="btn btn-primary" onclick="window.location.href='@Html.Action("Create")'">Create</button>

答案 2 :(得分:1)

不使用<button>标签,而是使用<input>标签,如下所示。

请务必注意,<input>标签不能包含结束标签,因此使用了value属性。

 <a asp-action="Create"><input class="btn btn-primary" value="Create"/></a>

我想这就是您想要的方式。

答案 3 :(得分:0)

自从您提到您要导航到新页面以来,我将为其使用具有Create操作(或仅是Index操作)的其他控制器。您可以将输入嵌套在定位标记中。

<a asp-controller="DifferentControllerName" asp-action="Create">
    <input type="button" class="btn btn-primary" value="Create"/>
</a>

它呈现如下:

<a href="/DifferentControllerName/Create">
    <input type="button" class="btn btn-primary" value="Create">
</a>

答案 4 :(得分:0)

添加或编辑 和  $(document).ready(function(){

        $("#Some").click(function (e) {
            var _url = '@Url.Action("Index", "Home")';
        window.location.href = _url;
        });