MVCコントローラーとアクションメソッドを呼び出すHTMLボタン

私はこれが正しくないことを知っていますが、説明のために、次のようなことをしたいと思います。

<%= Html.Button("Action", "Controller") %>

私の目標は、MVCコントローラーのアクションメソッドを呼び出すHTMLボタンを作成することです。

アクションに投稿する場合を除き、フォームを使用する必要はありません。入力ボタン（送信ではない）でうまくいきます。

  <input type="button"
         value="Go Somewhere Else"
         onclick="location.href='<%: Url.Action("Action", "Controller") %>'" />

Razor構文は次のとおりです。

<input type="button" value="Create" onclick="location.href='@Url.Action("Create", "User")'" />

<button type="button" onclick="location.href='@Url.Action("MyAction", "MyController")'" />

type = "button"は、ページが送信されないようにします。代わりに、アクションを実行します。

これを試して：

@Html.ActionLink("DisplayText", "Action", "Controller", route, attribute)

これでうまくいくはずです。

Url.Actionを使用して、コントローラーアクションのURLを生成するように指定できるため、次のいずれかを使用できます。

<form method="post" action="<%: Url.Action("About", "Home") %>">
   <input type="submit" value="Click me to go to /Home/About" />
</form>

または：

<form action="#">
  <input type="submit" onclick="parent.location='<%: Url.Action("About", "Home") %>';return false;" value="Click me to go to /Home/About" />
  <input type="submit" onclick="parent.location='<%: Url.Action("Register", "Account") %>';return false;" value="Click me to go to /Account/Register" />
</form>

これは、Razorの特定のコントローラーとアクションメソッドにフォームを送信する方法です。

 <input type="submit" value="Upload" onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

上記の答えのいくつかに基づいて、これを行うことができます：

<button onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

HTML <button>要素は、それを含むフォームにのみポストバックできます。

したがって、アクションにPOSTするフォームを作成し、フォームに<button>または<input type="submit" />を配置する必要があります。

「未終了の文字列定数」としてエラーが発生した場合は、次のかみそり構文を使用します。

<input type="button" onclick="@("location.href='"+ Url.Action("Index","Test")+ "'")" />

onclickメソッドにもかかわらず、次のようにformactionを使用することもできます。

<button type="submit" id="button1" name="button1" formaction='@Url.Action("Action", "Controller")'>Save</button>

この例を使うほうがいい

<a href="@Url.Action("Register","Account", new {id=Item.id })"
class="btn btn-primary btn-lg">Register</a>

したがって、私はRazorを使用していますが、これはどちらを使用しても機能します。私は基本的にボタンをリンクでラップしています。

<a href="Controller/ActionMethod">
    <input type="button" value="Click Me" />
</a>

コントローラにアクションを実装するときは、

return View("Index");

または

return RedirectToAction("Index");

Index.cshtml（またはアクションを生成するページ）ページはすでに定義されています。そうしないと、「ビューまたはそのマスターが見つかりませんでした...」エラーが発生する可能性があります。

ソース：https : //blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/

この例を使用してください：

<button name="nameButton" id="idButton" title="your title" class="btn btn-secondary" onclick="location.href='@Url.Action( "Index","Controller" new {  id = Item.id })';return false;">valueButton</button>

ホームページ（ "/ Home / Index"）にいて、管理コントローラーのインデックスアクションを呼び出したい場合は、次のようにしてください。

<li><a href="/Admin/Index">Admin</a></li>

この例を使用することをお勧めします。

を使用してアクションとコントローラーを呼び出すActionLink：

@Html.ActionLink("Submit", "Action", "Controller", route, new { @class = "btn btn-block"})

OK、基本的にはアクションをボタンに渡し、クリックが発生したときにそれを呼び出す必要があります。それはfrom内にある必要はありません。ボタンがクリックされたときにHTML onclickon buttonを使用してトリガーできます...

<button id="my-button" onclick="location.href='@Url.Action("YourActionName", "YourControllerName")'">Submit</button>

いつでもhtmlHelpersをいじって、何かを構築できます

    public static IHtmlContent BtnWithAction(this IHtmlHelper htmlHelper, string id, string text, string css="", string action="", string controller="")
    {
        try
        {
            string str = $"<button id=\"{id}\" class=\"{css}\" type=\"button\" ###>{text}</button>";
            if (!string.IsNullOrEmpty(action) && !string.IsNullOrEmpty(controller))
            {                    
                string url = ((TagBuilder)htmlHelper.ActionLink("dummy", action, controller)).Attributes["href"];
                var click = !string.IsNullOrEmpty(url) ? $"onclick=\"location.href='{url}'\"" : string.Empty;
                return new HtmlString(str.Replace("###", click));
            }
            return new HtmlString(str.Replace("###", string.Empty));
        }
        catch (Exception ex)
        {
            Log.Error(ex, ex.Message);
            var fkup = "<script>alert(\"assumption is the mother of all failures\")</script>";
            return new HtmlString(fkup);
        }
    }

そして、ビュー上でこのように呼び出します

@Html.BtnWithAction("btnCaretakerBack", "Back", "btn btn-primary float-right", "Index", "Caretakers")