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

最新推荐文章于 2021-12-11 13:17:23 发布

henanlzt

最新推荐文章于 2021-12-11 13:17:23 发布

阅读量397

点赞数

分类专栏： .Net 文章标签： asp.net mvc action string input delete

.Net 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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

如果是用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:

`1`	`<` `input` `type` `=` `"submit"` `value` `=` `"not important"` `name` `=` `"delete"` `/>`

`2`	`<` `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;  
 
}

henanlzt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET MVC中实现多个按钮提交的几种方法

有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能，比如一个简单的审批功能。如果是用webform那不需要讨论，但asp.net mvc中一个表单只能提交到一个Action处理，相对比较麻烦点。方法一：使用客户端脚本比如我们在View中这样写：view source
复制链接

扫一扫

专栏目录