ASP.NET MVC：Ajax.BeginFormを使用した複数の送信ボタン

Question

表示される画像を切り替える次のボタンと前のボタンがあるページを作成したいとします。

私はAjax.BeginFormを作成し、それに画像と2つの送信ボタンを挿入しました。

Ajax.BeginFormの中に複数の送信ボタンがありますか？

コントローラはどのようにそれぞれ別々に送信するのですか？

Answer 1

[HttpPost] 
     public ActionResult DYmanicControllerPage(RegisterModel model, string ButtonType) 
     { 
     if(ButtonType == "Next") 
     { 
      // Do Next Here 
     } 
     if (ButtonType == "Save") 
     { 
      //Do save here 
     } 
     return JavaScript("REturn anything()"); 

     } 

Answer 2

私はあなたが2つのボタンがあり、その後、フォーム上のアクションを設定することができ、クリックされたものをボタンに依存することをお勧めします：

レイザー

$(function(){ 
    $("#btn-prev").click(function() { 
     $("#form").attr 
        (
         "action", 
         "@Url.Action("Action", "Controller", new {area="Area" })", 
        ).submit(); 
    }); 
    $("#btn-next").click(function() { 
     $("#form").attr 
        (
         "action", 
         "@Url.Action("Action", "Controller", new {area="Area" })", 
        ).submit(); 
    }); 
}); 

私が行うためにここにjQueryを使用していますしかし、私はあなたがそのアイデアを得ることができると思う。

Answer 3

ビュー

@model TwoModelInSinglePageModel.RegisterModel 
@using (Ajax.BeginForm("DYmanicControllerPage", "Test", FormMethod.Post,null, new { id = "frmSignUp" })) 
{ 
    <div> 
       <input type="hidden" id="" name="hidden2" id="hdasd" /> 
       @Html.HiddenFor(m => m.hidden1) 
       @Html.LabelFor(m => m.Name) 
       @Html.TextBoxFor(m => m.Name) 
       @Html.ValidationMessageFor(m => m.Name) 
      </div> 
      <br /> 
      <div> 
       @Html.LabelFor(m => m.Address) 
       @Html.TextBoxFor(m => m.Address) 
       @Html.ValidationMessageFor(m => m.Address) 
      </div> 
      <br /> 
      <div> 
       @Html.LabelFor(m => m.PhoneNo) 
       @Html.TextBoxFor(m => m.PhoneNo) 
       @Html.ValidationMessageFor(m => m.PhoneNo) 
      </div> 

<input type="submit" value="Save" id="btnSave" name="ButtonType"/> 
<input type="submit" value="Next" id="btnNext" name="ButtonType" /> 


} 

コントローラ、これを試してみてください、私は私のために仕事の両方を同じ要件/問題があったし、ここでは、両方のソリューションを試してみましたが、彼ら。 jqueryをクリックしてアクションを設定するというアイデアが好きなので、他のビューでも使用できるようにアクションを分けておくことができます。

私はデバッグ中にこれを行うと、TWICEとの両方が投稿されました。 OnSuccessとOnFailureがトリガーされています。それは、しかし、デバッグ時にのみ発生します。ピッキングするときは、このことを念頭に置いてください。