ASP.NET MVC中实现多个按钮提交的几种方法

有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能，比如一个简单的审批功能。

 

如果是用webform那不需要讨论，但asp.net mvc中一个表单只能提交到一个Action处理，相对比较麻烦点。

方法一：使用客户端脚本

比如我们在View中这样写：

1 <input type="submit" value="审核通过"  onclick='this.form.action="<%=Url.Action("Action1") %>";' />
2 <input type="submit" value="审核不通过"  onclick='this.form.action="<%=Url.Action("Action2") %>";'  />
3 <input type="submit" value="返回"   onclick='this.form.action="<%=Url.Action("Action3") %>";' />

在点击提交按钮时，先改变Form的action属性，使表单提交到按钮相应的action处理。

但有的时候，可能Action1和2的逻辑非常类似，也许只是将某个字段的值置为1或者0，那么分开到二个action中又显得有点多余了。

方法二：在Action中判断通过哪个按钮提交

在View中，我们不用任何客户端脚本处理，给每个提交按钮加好name属性：

1 <input type="submit" value="审核通过" name="action" />
2 <input type="submit" value="审核不通过"  name="action"/>
3 <input type="submit" value="返回"  name="action"/>

然后在控制器中判断：

01 [HttpPost]
02 public ActionResult Index(string action /* 其它参数*/)
03 {
04     if (action=="审核通过")
05     {
06         //
07     }
08     else if (action=="审核不通过")
09     {
10         //
11     }
12     else
13     {
14         //
15     }
16 }

几年前写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的选择。

使用此方法，我们可以将控制器写成这样：

01 [HttpPost]
02 [MultiButton("action1")]
03 public ActionResult Action1()
04 {
05     //
06     return View();
07 }
08 [HttpPost]
09 [MultiButton("action2")]
10 public ActionResult Action2()
11 {
12     //
13     return View();
14 }

 

在 View中：

1 <input type="submit" value="审核通过" name="action1" />
2 <input type="submit" value="审核不通过"  name="action2"/>
3 <input type="submit" value="返回"  name="action3"/>

 

此时，Controller已经无须依赖于按钮的Value值。

MultiButtonAttribute的定义如下：

01 public class MultiButtonAttribute : ActionNameSelectorAttribute
02 {
03     public string Name { get; set; }
04     public MultiButtonAttribute(string name)
05     {
06         this.Name = name;
07     }
08     public override bool IsValidName(ControllerContext controllerContext,
09         string actionName, System.Reflection.MethodInfo methodInfo)
10     {
11         if (string.IsNullOrEmpty(this.Name))
12         {
13             return false;
14         }
15         return controllerContext.HttpContext.Request.Form.AllKeys.Contains(this.Name);
16     }
17 }

参考：http://blog.maartenballiauw.be/post/2009/11/26/Supporting-multiple-submit-buttons-on-an-ASPNET-MVC-view.aspx

方法四、改进

 

Thomas Eyde就方法三的方案给出了个改进版：

Controller：

1 [HttpPost]
2 [MultiButton(Name = "delete", Argument = "id")]
3 public ActionResult Delete(string id)
4 {
5     var response = System.Web.HttpContext.Current.Response;
6     response.Write("Delete action was invoked with " + id);
7     return View();
8 }

View:

1 <input type="submit" value="not important" name="delete" />
2 <input type="submit" value="not important" name="delete:id" />

 

MultiButtonAttribute定义：

01 [AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]
02 public class MultiButtonAttribute : ActionNameSelectorAttribute
03 {
04     public string Name { get; set; }
05     public string Argument { get; set; }
06     public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
07     {
08         var key = ButtonKeyFrom(controllerContext);
09         var keyIsValid = IsValid(key);
10         if (keyIsValid)
11         {
12             UpdateValueProviderIn(controllerContext, ValueFrom(key));
13         }
14         return keyIsValid;
15     }
16     private string ButtonKeyFrom(ControllerContext controllerContext)
17     {
18         var keys = controllerContext.HttpContext.Request.Params.AllKeys;
19         return keys.FirstOrDefault(KeyStartsWithButtonName);
20     }
21     private static bool IsValid(string key)
22     {
23         return key != null;
24     }
25     private static string ValueFrom(string key)
26     {
27         var parts = key.Split(":".ToCharArray());
28         return parts.Length < 2 ? null : parts[1];
29     }
30     private void UpdateValueProviderIn(ControllerContext controllerContext, string value)
31     {
32         if (string.IsNullOrEmpty(Argument)) return;
33         controllerContext.Controller.ValueProvider[Argument] = new ValueProviderResult(value, value, null);
34     }
35     private bool KeyStartsWithButtonName(string key)
36     {
37         return key.StartsWith(Name, StringComparison.InvariantCultureIgnoreCase);
38     }
39 }

如果是在MVC 2.0中的话，将UpdateValueProviderIn方法改为：

1 private void UpdateValueProviderIn(ControllerContext controllerContext, string value)
2 {
3     if (string.IsNullOrEmpty(Argument))
4         return;
5     controllerContext.RouteData.Values[this.Argument] = value;
6 }