首页 > 编程 > .NET > 正文

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

2024-07-10 12:54:21
字体:
来源:转载
供稿:网友

有时候我们的网页设置需要多个按钮提交不同的数据,这在开发过程中是很常使用的,今天就让错新技术频道小编带大家一起了解ASP.NET MVC实现多个按钮提交的方法吧!

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

 

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

方法一:使用客户端脚本 

比如我们在View中这样写:

<inputtype="submit"value="审核通过"onclick='this.form.action="<%=Url.Action("Action1")%>/><inputtype="submit"value="审核不通过"onclick='this.form.action="<%=Url.Action("Action2")%> /><inputtype="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,会存在一些问题。假若哪天客户说按钮上的文字改为“通过审核”,或者是做个多语言版的,那就麻烦了。 

 方法三:使用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); }}

方法四:改进

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;} 上文错新技术频道小编详细介绍了ASP.NET MVC实现多个按钮提交的方法,看完后你感觉对你有帮助吗?为了让更多朋友轻松获得全面的专业知识,我们梳理了更多内容,一起来看看吧!
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表