首页 > 代码库 > MVC中实现多按钮提交（转）

MVC中实现多按钮提交（转）

2024-07-22 20:11:27   220人阅读

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

 image

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

方法一：使用客户端脚本

比如我们在View中这样写：

[c-sharp] view plaincopyprint?
  1. <input type="submit" value=http://www.mamicode.com/"审核通过"  onclick=‘this.form.action="<%=Url.Action("Action1") %>";‘ />  
  2. <input type="submit" value=http://www.mamicode.com/"审核不通过"  onclick=‘this.form.action="<%=Url.Action("Action2") %>";‘  />  
  3. <input type="submit" value=http://www.mamicode.com/"返回"   onclick=‘this.form.action="<%=Url.Action("Action3") %>";‘ />  
 

 

 

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

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

 

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

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

[c-sharp] view plaincopyprint?
  1. <input type="submit" value=http://www.mamicode.com/"审核通过" name="action" />  
  2. <input type="submit" value=http://www.mamicode.com/"审核不通过"  name="action"/>  
  3. <input type="submit" value=http://www.mamicode.com/"返回"  name="action"/>  
 

 

然后在控制器中判断：

[c-sharp] view plaincopyprint?
  1. [HttpPost]  
  2. public ActionResult Index(string action /* 其它参数*/)  
  3. {  
  4.     if (action=="审核通过")  
  5.     {  
  6.         //  
  7.     }  
  8.     else if (action=="审核不通过")  
  9.     {  
  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的选择。

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

[c-sharp] view plaincopyprint?
  1. [HttpPost]  
  2. [MultiButton("action1")]  
  3. public ActionResult Action1()  
  4. {  
  5.     //  
  6.     return View();  
  7. }  
  8. [HttpPost]  
  9. [MultiButton("action2")]  
  10. public ActionResult Action2()  
  11. {  
  12.     //  
  13.     return View();  
  14. }  
 

 

 

在 View中：

[c-sharp] view plaincopyprint?
  1. <input type="submit" value=http://www.mamicode.com/"审核通过" name="action1" />  
  2. <input type="submit" value=http://www.mamicode.com/"审核不通过"  name="action2"/>  
  3. <input type="submit" value=http://www.mamicode.com/"返回"  name="action3"/>  
 

 

 

 

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

MultiButtonAttribute的定义如下：

 

 

[c-sharp] view plaincopyprint?
  1. public class MultiButtonAttribute : ActionNameSelectorAttribute  
  2. {  
  3.     public string Name { get; set; }  
  4.     public MultiButtonAttribute(string name)  
  5.     {  
  6.         this.Name = name;  
  7.     }  
  8.     public override bool IsValidName(ControllerContext controllerContext,  
  9.         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：

[c-sharp] view plaincopyprint?
  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. }  
 

 

 

 


[c-sharp] view plaincopyprint?
  1. <input type="submit" value=http://www.mamicode.com/"not important" name="delete" />  
  2. <input type="submit" value=http://www.mamicode.com/"not important" name="delete:id" />  
 

 

 

 

MultiButtonAttribute定义：

 

 

[c-sharp] view plaincopyprint?
  1. [AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]  
  2. public class MultiButtonAttribute : ActionNameSelectorAttribute  
  3. {  
  4.     public string Name { get; set; }  
  5.     public string Argument { get; set; }  
  6.    
  7.     public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)  
  8.     {  
  9.         var key = ButtonKeyFrom(controllerContext);  
  10.         var keyIsValid = IsValid(key);  
  11.    
  12.         if (keyIsValid)  
  13.         {  
  14.             UpdateValueProviderIn(controllerContext, ValueFrom(key));  
  15.         }  
  16.    
  17.         return keyIsValid;  
  18.     }  
  19.    
  20.     private string ButtonKeyFrom(ControllerContext controllerContext)  
  21.     {  
  22.         var keys = controllerContext.HttpContext.Request.Params.AllKeys;  
  23.         return keys.FirstOrDefault(KeyStartsWithButtonName);  
  24.     }  
  25.     private static bool IsValid(string key)  
  26.     {  
  27.         return key != null;  
  28.     }  
  29.    
  30.     private static string ValueFrom(string key)  
  31.     {  
  32.         var parts = key.Split(":".ToCharArray());  
  33.         return parts.Length < 2 ? null : parts[1];  
  34.     }  
  35.    
  36.     private void UpdateValueProviderIn(ControllerContext controllerContext, string value)  
  37.     {  
  38.         if (string.IsNullOrEmpty(Argument)) return;  
  39.         controllerContext.Controller.ValueProvider[Argument] = new ValueProviderResult(value, value, null);  
  40.     }  
  41.    
  42.     private bool KeyStartsWithButtonName(string key)  
  43.     {  
  44.         return key.StartsWith(Name, StringComparison.InvariantCultureIgnoreCase);  
  45.     }  
  46. }  
 

 

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

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

 

 

转自：http://www.cnblogs.com/wuchang/archive/2010/01/29/1658916.html

MVC中实现多按钮提交（转）


联系
我们