有時候會遇到這種情況:在一個表單上需要多個按鈕來完成不同的功能,比如一個簡單的審批功能。
如果是用webform那不需要討論,但ASP.Net mvc中一個表單只能提交到一個Action處理,相對比較麻煩點。
方法一:使用客戶端腳本
比如我們在VIEw中這樣寫:
以下為引用的內容:
<input type="submit" value="審核通過" onclick='this.form.action="<%=Url.Action("Action1") %>";' />
<input type="submit" value="審核不通過" onclick='this.form.action="<%=Url.Action("Action2") %>";' />
<input type="submit" value="返回" onclick='this.form.action="<%=Url.Action("Action3") %>";' />
在點擊提交按鈕時,先改變Form的action屬性,使表單提交到按鈕相應的action處理。
但有的時候,可能Action1和2的邏輯非常類似,也許只是將某個字段的值置為1或者0,那麼分開到二個action中又顯得有點多余了。
方法二:在Action中判斷通過哪個按鈕提交
在VIEw中,我們不用任何客戶端腳本處理,給每個提交按鈕加好name屬性:
以下為引用的內容:
<input type="submit" value="審核通過" name="action" />
<input type="submit" value="審核不通過" name="action"/>
<input type="submit" value="返回" name="action"/>
然後在控制器中判斷:
以下為引用的內容:
[HttpPost]
public ActionResult Index(string action /* 其它參數*/)
{
if (action=="審核通過")
{
//
}
else if (action=="審核不通過")
{
//
}
else
{
//
}
}
幾年前寫ASP代碼的時候經常用這樣的方法…
VIEw變得簡單的,Controller復雜了。
太依賴說VIEw,會存在一些問題。假若哪天客戶說按鈕上的文字改為“通過審核”,或者是做個多語言版的,那就麻煩了。
參考:http://www.ervinter.com/2009/09/25/ASP-net-mvc-how-to-have-multiple-submit-button-in-form/
方法三:使用ActionSelector
關於ActionSelector的基本原理可以先看下這個POST使用ActionSelector控制Action的選擇。
使用此方法,我們可以將控制器寫成這樣:
以下為引用的內容:
[HttpPost]
[MultiButton("action1")]
public ActionResult Action1()
{
//
return VIEw();
}
[HttpPost]
[MultiButton("action2")]
public ActionResult Action2()
{
//
return VIEw();
}
在 VIEw中:
以下為引用的內容:
<input type="submit" value="審核通過" name="action1" />
<input type="submit" value="審核不通過" name="action2"/>
<input type="submit" value="返回" name="action3"/>
此時,Controller已經無須依賴於按鈕的Value值。
MultiButtonAttribute的定義如下:
以下為引用的內容:
public class MultiButtonAttribute : ActionNameSelectorAttribute
{
public string Name { get; set; }
public MultiButtonAttribute(string name)
{
this.Name = name;
}
public override bool IsValidName(ControllerContext controllerContext,
string actionName, System.Reflection.MethodInfo methodInfo)
{
if (string.IsNullOrEmpty(this.Name))
{
return false;
}
return controllerContext.HttpContext.Request.Form.AllKeys.Contains(this.Name);
}
}
參考:http://blog.maartenballiauw.be/post/2009/11/26/Supporting-multiple-submit-buttons-on-an-ASPNET-MVC-vIEw.ASPx
方法四、改進
Thomas Eyde就方法三的方案給出了個改進版:
Controller:
以下為引用的內容:
[HttpPost]
[MultiButton(Name = "delete", Argument = "id")]
public ActionResult Delete(string id)
{
var response = System.Web.HttpContext.Current.Response;
response.Write("Delete action was invoked with " + id);
return VIEw();
}
VIEw:
以下為引用的內容:
<input type="submit" value="not important" name="delete" />
<input type="submit" value="not important" name="delete:id" />
MultiButtonAttribute定義:
以下為引用的內容:
[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]
public class MultiButtonAttribute : ActionNameSelectorAttribute
{
public string Name { get; set; }
public string Argument { get; set; }
public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
{
var key = ButtonKeyFrom(controllerContext);
var keyIsValid = IsValid(key);
if (keyIsValid)
{
UpdateValueProviderIn(controllerContext, ValueFrom(key));
}
return keyIsValid;
}
private string ButtonKeyFrom(ControllerContext controllerContext)
{
var keys = controllerContext.HttpContext.Request.Params.AllKeys;
return keys.FirstOrDefault(KeyStartsWithButtonName);
}
private static bool IsValid(string key)
{
return key != null;
}
private static string ValueFrom(string key)
{
var parts = key.Split(":".ToCharArray());
return parts.Length < 2 ? null : parts[1];
}
private void UpdateValueProviderIn(ControllerContext controllerContext, string value)
{
if (string.IsNullOrEmpty(Argument)) return;
controllerContext.Controller.ValueProvider[Argument] = new ValueProviderResult(value, value, null);
}
private bool KeyStartsWithButtonName(string key)
{
return key.StartsWith(Name, StringComparison.InvariantCultureIgnoreCase);
}
}
如果是在MVC 2.0中的話,將UpdateValueProviderIn方法改為:
以下為引用的內容:
private void UpdateValueProviderIn(ControllerContext controllerContext, string value)
{
if (string.IsNullOrEmpty(Argument))
return;
controllerContext.RouteData.Values[this.Argument] = value;
}