在同一個ASP.NET MVC表單中使用2個按鈕

Question

通常，在ASP.NET MVC中，是否可以在同一個表單中放置兩個不同的按鈕來發布不同的控制器動作？

我基本上試圖在同一個表單中有兩個輸入（type =「button」）標記，但我希望它們執行不同的控制器操作。我想在少數情況下這樣做，因爲我認爲它能夠點擊按鈕而不是超鏈接提供良好的審美。有沒有辦法做到這一點，或者我應該以不同的方式進行設計？

Answer 1

關於在瀏覽器中處理這方面的一些想法：

• 您可以使用風格看起來像按鈕的鏈接。這很容易做到，無論是圖像還是通過將鏈接放入具有邊框的塊元素中。
• 您可以使用兩個不直接提交的按鈕;他們改爲在提交之前調用一個設置表單動作的javascript函數。

Answer 2

如果不使用Javascript，則無法實現。使用Javascript，您只需定義不同的點擊處理程序即可調用適當的操作。

$(function() { 
     $('#button1').click(function() { 
      $(form).attr('action', '<% Url.Action("action1") %>') 
       .submit(); 
      return false; // prevent default submission 
     }); 
     $('#button2').click(function() { 
      $(form).attr('action', '<% Url.Action("action2") %>') 
       .submit(); 
      return false; // prevent default submission 
     }); 
}); 

Answer 3

這與ASP.NET MVC無關，但與HTML。我看到你如何做到這一點的唯一方法是通過檢查按下哪個按鈕來修改表單標籤的action屬性，通過使用javascript來提交表單。

Answer 4

那麼有幾種方法可以處理這個問題。假設你沒有使用按鈕單擊發送數據，我會使用選項3.如果必須包含數據，請考慮選項1和某種臨時數據存儲（如TempData）。

1. 一種形式職位上提交一個控制器 動作和控制器 動作檢查哪個按鈕被點擊 ，然後調度 RedirectToAction（）。 （不很大）
2. 在一個頁面上張貼到多個控制器動作（更好）
3. 內部或形式之外創建一個input type="button"，並給它一個onclick處理 用戶重定向到一個控制器動作多種形式（最佳）

Answer 5

沒有試過，但考慮到點擊的按鈕ID並獲得通過HTTP POST發送，你也許可以這樣做：

<input type="submit" name="GO" ID="GO" value="GO BUTTON" /> 
<input type="submit" name="STOP" ID="STOP" value="STOP BUTTON" /> 

然後在MVC結束，只是有兩個方法，其中一個帶有go參數，另一個帶有stop參數。

Answer 6

方法＃1

如何使用兩種不同形式包裝的按鈕，然後使用CSS來定位他們中的一個，以使其顯示（視覺）是「主」的形式內？

一個非常簡單的例子：

 
<fieldset id="CombinedForm"> 

<form ... action="Method1"> 
    ...form stuff here... 
    <input id="Button1" type="submit" value="Do something"> 
</form> 

<form ... action="Method2"> 
    ...form stuff here... 
    <input id="Button2" type="submit" value="Do something else"> 
</form> 

</fieldset> 

...然後使用CSS如下：

 
#CombinedForm { 
    position: relative; 
    padding-bottom: 2em; /* leave space for buttons */ 
} 

#Button1, #Button2 { 
    position: absolute; 
    bottom: 0; 
} 

#Button1 { 
    left: 0; 
} 

#Button2 { 
    right: 0; 
} 

的結果應該是，你有一個fieldset或div它看起來像一個形式，有裏面有兩個實際的HTML表單，以及兩個位於父框中的按鈕，但仍然提交到不同的位置。

方法＃2

另一種方法發生：具有在相同的形式兩個按鈕，指向一個控制器動作，即然後決定（基於按鈕的值點擊）重定向到哪個動作。

Answer 7

它不是必要的JavaScript ...

這個怎麼樣

公衆的ActionResult DoSomething的（）
{
          //一些業務邏輯
          TempData [「PostedF ormValues「] = Request.Form;
         如果（的Request.Form（ 「按鈕a」）！= NULL）
          {
               返回RedirectToAction（ 「ActionA」，RouteData.Values） ;
         }
         返回RedirectToAction（ 「ActionB」，RouteData.Values）;
}

Answer 8

如果你想要的是像OK &取消按鈕，然後看看this post by David Findley。

我在編輯視圖中使用此方法，其中有一個編輯按鈕和一個刪除按鈕。刪除按鈕只需要該項目的ID。在下面的代碼中，你可以看到我已經命名了我的屬性「AcceptFormValueAttribute」。這對我來說很好，因爲我的Delete [Get]操作只是顯示一條消息，要求確認，所以需要重定向。

[ActionName("Edit")] 
    [AcceptFormValue(Name = "Action", Value = "Delete")] 
    [AcceptVerbs(HttpVerbs.Post)] 
    [ValidateAntiForgeryToken] 
    public ActionResult EditDelete(int? id) 
    { 
     return RedirectToAction("Delete", new { id = id }); 
    } 

Answer 9

我認爲我可以提出更簡單的建議。

例如，您有兩個按鈕：ButtonA，ButtonB並且想要對每個按鈕執行不同的 操作。 簡單的辦法是：只要使用BeginForm聲明：

@using (Html.BeginForm("ButtonA" , "Home")) 
{ 
     <input type="submit" value="ButtonA"/> 
} 

@using (Html.BeginForm("ButtonB" , "Home")) 
{ 
     <input type="submit" value="ButtonB" /> 
} 

您還必須聲明按鈕a，ButtonB行動，您的主頁控制器：

[HttpPost] 
public ActionResult ButtonA() 
{ . . . } 

[HttpPost] 
public ActionResult ButtonB() 
{ . . . }