ASP.NET MVC Html.BeginFormで2つの入力を使用

Question

Html.BeginFormにバインドされた同じコントローラ内で、2つの入力またはボタンコントロールで2つの異なるアクションがトリガされますか？

次の例では、Subscribe入力がコントローラのSubscribeアクションを呼び出すようにします。これはうまくいく。私は購読解除入力が私の購読解除を呼び出すようにしたい。これをどうやって起こさせるのですか？ TIA。

<% using (Html.BeginForm("Subscribe", "NewsLetter")) 
    {%>  
     <div class="editor-field"> 
      <%= Html.TextBoxFor(model => model.EmailAdress) %> 
      <%= Html.ValidationMessageFor(
       model => model.EmailAdress) %>         
     </div>       
     <div > 
      <input type="submit" class="submit" value="Subscribe" /> 
      <input type="submit" class="submit" value="Unsubscribe" /> 
     </div>   
<% } %> 

更新：

私NewsLetterController 2つのアクションが登録と登録解除は下記掲載されています：この質問へ

はちょうどより多くのコンテキストが

public class NewsLetterController : Controller 
    {  
     [HttpPost] 
     public ActionResult Subscribe(NewsletterSubscriber subscriber) 
     { 
      // do something 

     } 

     [HttpPost] 
     public ActionResult Unsubscribe(NewsletterSubscriber subscriber) 
     { 
      // do something 
     } 

私はことを期待していました同じフォーム要素から各アクションを呼び出すことができますが、これは明らかに偽です。可能であれば、私はどのようにMVCパターンを維持しますが、スクリプトを避けますか？ポストされたHTMLは、メインページに表示される部分的なビューの一部です。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl 
            <AkwiMemorial.Models.NewsletterSubscriber>" %> 

    <h2><strong>Newsletter</strong></h2> 
    <legend>Enter your email</legend> 

    <% using (Html.BeginForm("Subscribe", "NewsLetter")) 
     {%>  
      <div class="editor-field"> 
       <%= Html.TextBoxFor(model => model.EmailAdress) %> 
       <%= Html.ValidationMessageFor(model => model.EmailAdress) %> 
      </div>       
      <div > 
      <input type="submit" class="submit" name="sub" 
        value="Subscribe" /> 
       <input type="submit" class="submit" name="unsub" 
        value="Unsubscribe" /> 
      </div>   
    <% } %> 

Answer 1

HTML form要素が一つだけactionを持っています。つまり、JavaScriptでJavaScriptのボタンを変更しない限り、各フォームはURIを1つだけ取得します。 JavaScriptが有効になっているだけでサイトが機能するようにしますか？

<input type="submit" class="submit" name="newsletter" value="Subscribe" /> 
<input type="submit" class="submit" name="newsletter" value="Unsubscribe /> 

は、その後、あなたが値をチェックする単一のアクションを持つことができます。

別のオプションを使用すると、投稿フォームの一部としてvalueを得るでしょう。その場合には、ボタンname、例えばを与えることです例えば：newsletterがポストされたフォームでの鍵となりますので

public ActionResult Subscribe(string newsletter) 
{ 
    if ("subscribe".Equals(newsletter, StringComparison.OrdinalIgnoreCase)) 
    { 
     //... 

は、MVCはアクションの引数に値をバインドします。

Answer 2

あなたはjqueryのを使用してこれを実現することができます

function Subscribe() 
{ 
    $.post(urlToSubscribeAction, $('#formId').serialize(), function() {// Do something after post}); 
    return false; 
} 

function UnSubscribe() 
{ 
    $.post(urlToUnsubscribe, $('#formId').serialize(), function() { // Do something after post}); 
    return false; 
} 

は、JavaScriptの関数を呼び出した後、正しいURLにフォームのポストを行います送信ボタンにonclickのハンドラを追加します。 formIdをフォーム要素のcorect Idに置き換えてください。

<input type="submit" class="submit" value="Subscribe" onclick="Subscribe()" /> 
<input type="submit" class="submit" value="Unsubscribe" onclick="Unsubscribe()" /> 

Answer 3

またはRedirectToAction

<%using(Html.BeginForm("RedirectingAction", "NewsLetter")){ %> 

    <input type="submit" class="submit" name="newsletter" value="Subscribe" /> 
    <input type="submit" class="submit" name="newsletter" value="Unsubscribe" /> 
    <%} %> 

とコントローラでの使用：あなたは追加の情報を追加する必要がある場合

public ActionResult RedirectingAction() 
    { 
     TempData["Form"] = Request.Form; 
     return RedirectToAction(Request.Form["newsletter"].ToString()); 
    } 
    public ActionResult Subscribe() 
    { 
     // Do stuff 
     return View(); 
    } 
    public ActionResult Unsubscribe() 
    { 
     //Do something else 
     return View(); 
    }