如何在MVC框架中处理ASP.NET多个提交按钮?

是否有一些简单的方法来处理同一表单中的多个提交按钮?例如:

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><input type="submit" value="Send" /><input type="submit" value="Cancel" /><% Html.EndForm(); %>

知道如何在ASP.NET框架测试版中做到这一点吗?我在谷歌上搜索的所有示例都有单个按钮。

499744 次浏览

您应该能够为按钮命名并给它们一个值;然后将此名称作为参数映射到操作。或者,使用2个单独的动作链接或2个表单。

你可以写:

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><input type="submit" name="button" value="Send" /><input type="submit" name="button" value="Cancel" /><% Html.EndForm(); %>

然后在页面中检查名称==“发送”或名称==“取消”…

你可以像前面提到的那样检查动作中的名称,但你可能会考虑这是否是一个好的设计。考虑动作的责任是一个好主意,而不是将这个设计与按钮名称等UI方面过多地耦合。所以考虑使用2个表单和2个操作:

<% Html.BeginForm("Send", "MyController", FormMethod.Post); %><input type="submit" name="button" value="Send" /><% Html.EndForm(); %>
<% Html.BeginForm("Cancel", "MyController", FormMethod.Post); %><input type="submit" name="button" value="Cancel" /><% Html.EndForm(); %>

此外,在“取消”的情况下,您通常只是不处理表单,而是转到一个新的URL。在这种情况下,您根本不需要提交表单,只需要一个链接:

<%=Html.ActionLink("Cancel", "List", "MyController") %>

为提交按钮命名,然后在控制器方法中检查提交的值:

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><input type="submit" name="submitButton" value="Send" /><input type="submit" name="submitButton" value="Cancel" /><% Html.EndForm(); %>

发布到

public class MyController : Controller {public ActionResult MyAction(string submitButton) {switch(submitButton) {case "Send":// delegate sending to another controller actionreturn(Send());case "Cancel":// call another action to perform the cancellationreturn(Cancel());default:// If they've submitted the form without a submitButton,// just return the view again.return(View());}}
private ActionResult Cancel() {// process the cancellation request here.return(View("Cancelled"));}
private ActionResult Send() {// perform the actual send operation here.return(View("SendConfirmed"));}
}

编辑:

要扩展此方法以使用本地化站点,请将您的消息隔离在其他地方(例如将资源文件编译为强类型资源类)

然后修改代码,使其工作方式如下:

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><input type="submit" name="submitButton" value="<%= Html.Encode(Resources.Messages.Send)%>" /><input type="submit" name="submitButton" value="<%=Html.Encode(Resources.Messages.Cancel)%>" /><% Html.EndForm(); %>

你的控制器应该看起来像这样:

// Note that the localized resources aren't constants, so// we can't use a switch statement.
if (submitButton == Resources.Messages.Send) {// delegate sending to another controller actionreturn(Send());
} else if (submitButton == Resources.Messages.Cancel) {// call another action to perform the cancellationreturn(Cancel());}

Eilon建议你可以这样做:

如果你有一个以上的按钮可以通过给予来区分它们每个按钮都有一个名称:

<input type="submit" name="SaveButton" value="Save data" /><input type="submit" name="CancelButton" value="Cancel and go back to main page" />

在控制器动作方法中,您可以添加以超文本标记语言输入标记名称:

public ActionResult DoSomeStuff(string saveButton, stringcancelButton, ... other parameters ...){ ... }

如果任何值被发布到这些参数,这意味着按钮是被点击的那个。网络浏览器只会发布一个值对于单击的一个按钮。所有其他值都将为空。

if (saveButton != null) { /* do save logic */ }if (cancelButton != null) { /* do cancel logic */ }

我喜欢这种方法,因为它不依赖于提交按钮的value属性,该属性比分配的名称更容易更改,并且不需要启用javascript

请看:http://forums.asp.net/p/1369617/2865166.aspx#2865166

David Findley在他的ASP. Net博客上写了3种不同的选择。

阅读文章相同形式的多个按钮来看看他的解决方案,以及每个解决方案的优缺点。IMHO他提供了一个非常优雅的解决方案,它利用了您装饰动作的属性。

刚刚写了一篇关于这个的文章:多个提交按钮与ASP.NETMVC

#请求参数

基本上,我不使用ActionMethodSelectorAttribute,而是使用ActionNameSelectorAttribute,这允许我假装操作名称是我想要的任何名称。幸运的是,ActionNameSelectorAttribute不仅仅让我指定操作名称,而是我可以选择当前操作是否匹配请求。

这就是我的类(顺便说一句,我不太喜欢这个名字):

public class HttpParamActionAttribute : ActionNameSelectorAttribute {public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo) {if (actionName.Equals(methodInfo.Name, StringComparison.InvariantCultureIgnoreCase))return true;
if (!actionName.Equals("Action", StringComparison.InvariantCultureIgnoreCase))return false;
var request = controllerContext.RequestContext.HttpContext.Request;return request[methodInfo.Name] != null;}}

要使用,只需定义一个像这样的表单:

<% using (Html.BeginForm("Action", "Post")) { %><!— …form fields… --><input type="submit" name="saveDraft" value="Save Draft" /><input type="submit" name="publish" value="Publish" /><% } %>

和控制器有两种方法

public class PostController : Controller {[HttpParamAction][AcceptVerbs(HttpVerbs.Post)]public ActionResult SaveDraft(…) {//…}
[HttpParamAction][AcceptVerbs(HttpVerbs.Post)]public ActionResult Publish(…) {//…}}

如您所见,该属性根本不需要您指定任何内容。此外,按钮的名称会直接转换为方法名称。此外(我还没有尝试过)这些也应该作为正常操作工作,因此您可以发布到它们中的任何一个直接。

我会建议感兴趣的人看看Maarten Balliauw的解决方案。我认为这是非常优雅的。

如果链接消失,它使用应用于控制器操作的MultiButton属性来指示该操作应该与哪个按钮单击相关。

这是我使用的技术,我还没有在这里看到它。链接(由Saajid Ismail发布)激发了这个解决方案的灵感是http://weblogs.asp.net/dfindley/archive/2009/05/31/asp-net-mvc-multiple-buttons-in-the-same-form.aspx)。它适应了迪伦·贝蒂的答案来进行本地化,没有任何问题。

在视图中:

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><button name="button" value="send"><%: Resources.Messages.Send %></button><button name="button" value="cancel"><%: Resources.Messages.Cancel %></button><% Html.EndForm(); %>

在控制器中:

public class MyController : Controller{public ActionResult MyAction(string button){switch(button){case "send":this.DoSend();break;case "cancel":this.DoCancel();break;}}}

这是我写的一个扩展方法来处理多个图像和/或文本按钮。

以下是图像按钮的超文本标记语言:

<input id="btnJoin" name="Join" src="/content/images/buttons/btnJoin.png"type="image">

或文本提交按钮:

<input type="submit" class="ui-button green" name="Submit_Join" value="Add to cart"  /><input type="submit" class="ui-button red" name="Submit_Skip" value="Not today"  />

这是你用form.GetSubmitButtonName()从控制器调用的扩展方法。对于图像按钮,它查找带有.x的表单参数(表示单击了图像按钮)并提取名称。对于普通的input按钮,它查找以Submit_开头的名称,并从后面提取命令。因为我正在抽象出确定“命令”的逻辑,所以您可以在客户端的图像+文本按钮之间切换,而无需更改服务器端代码。

public static class FormCollectionExtensions{public static string GetSubmitButtonName(this FormCollection formCollection){return GetSubmitButtonName(formCollection, true);}
public static string GetSubmitButtonName(this FormCollection formCollection, bool throwOnError){var imageButton = formCollection.Keys.OfType<string>().Where(x => x.EndsWith(".x")).SingleOrDefault();var textButton = formCollection.Keys.OfType<string>().Where(x => x.StartsWith("Submit_")).SingleOrDefault();
if (textButton != null){return textButton.Substring("Submit_".Length);}
// we got something like AddToCart.xif (imageButton != null){return imageButton.Substring(0, imageButton.Length - 2);}
if (throwOnError){throw new ApplicationException("No button found");}else{return null;}}}

备注:对于文本按钮,您必须在名称前缀Submit_。我更喜欢这种方式,因为这意味着您可以更改文本(显示)值而无需更改代码。与SELECT元素不同,INPUT按钮只有“值”而没有单独的“文本”属性。我的按钮在不同的上下文下表示不同的内容-但映射到相同的“命令”。我更喜欢以这种方式提取名称,而不是为== "Add to cart"编码。

在View中,代码是:

<script language="javascript" type="text/javascript">function SubmeterForm(id){if (id=='btnOk')document.forms[0].submit(id);elsedocument.forms[1].submit(id);}</script>

<% Html.BeginForm("ObterNomeBotaoClicado/1", "Teste01", FormMethod.Post); %><input id="btnOk" type="button" value="Ok" onclick="javascript:SubmeterForm('btnOk')" /><% Html.EndForm(); %><% Html.BeginForm("ObterNomeBotaoClicado/2", "Teste01", FormMethod.Post); %><input id="btnCancelar" type="button" value="Cancelar" onclick="javascript:SubmeterForm('btnCancelar')" /><% Html.EndForm(); %>

在Controller中,代码是:

public ActionResult ObterNomeBotaoClicado(string id){if (id=="1")btnOkFunction(...);elsebtnCancelarFunction(...);return View();}

这是一个非常干净的基于属性的解决方案,主要基于Maarten Balliauw的帖子和评论来解决多个提交按钮问题。

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]public class MultipleButtonAttribute : ActionNameSelectorAttribute{public string Name { get; set; }public string Argument { get; set; }
public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo){var isValidName = false;var keyValue = string.Format("{0}:{1}", Name, Argument);var value = controllerContext.Controller.ValueProvider.GetValue(keyValue);
if (value != null){controllerContext.Controller.ControllerContext.RouteData.Values[Name] = Argument;isValidName = true;}
return isValidName;}}

剃刀:

<form action="" method="post"><input type="submit" value="Save" name="action:Save" /><input type="submit" value="Cancel" name="action:Cancel" /></form>

和控制器:

[HttpPost][MultipleButton(Name = "action", Argument = "Save")]public ActionResult Save(MessageModel mm) { ... }
[HttpPost][MultipleButton(Name = "action", Argument = "Cancel")]public ActionResult Cancel(MessageModel mm) { ... }

更新时间:剃刀页面希望提供开箱即用的相同功能。对于新的开发,它可能更可取。

我的JQuery方法使用扩展方法:

public static MvcHtmlString SubmitButtonFor<TController>(this HtmlHelper helper, Expression<Action<TController>> action, string value) where TController : Controller{RouteValueDictionary routingValues = Microsoft.Web.Mvc.Internal.ExpressionHelper.GetRouteValuesFromExpression(action);
var onclick = string.Format("$('form').first().attr('action', '/{0}')", string.Join("/", routingValues.Values.ToArray().Where(x => x != null).Select(x => x.ToString()).ToArray()));var html = "<input type=\"submit\" value=\"" + value + "\" onclick=\"" + onclick + "\" />";
return MvcHtmlString.Create(html);}

你可以像这样使用它:

@(Html.SubmitButtonFor<FooController>(c => c.Save(null), "Save"))

它是这样呈现的:

<input type="submit" value="Save" onclick="$('form').first().attr('action', '/Foo/Save')" >

如果您对超文本标记语言5的使用没有限制,您可以使用<button>标记和formaction属性:

<form action="demo_form.asp" method="get">First name: <input type="text" name="fname" /><br />Last name: <input type="text" name="lname" /><br /><button type="submit">Submit</button><br /><button type="submit" formaction="demo_admin.asp">Submit as admin</button></form>

参考:http://www.w3schools.com/html5/att_button_formaction.asp

这是我找到的最好的方法:

以下是代码:

    /// <summary>/// ActionMethodSelector to enable submit buttons to execute specific action methods./// </summary>public class AcceptParameterAttribute : ActionMethodSelectorAttribute{/// <summary>/// Gets or sets the value to use to inject the index into/// </summary>public string TargetArgument { get; set; }
/// <summary>/// Gets or sets the value to use in submit button to identify which method to select. This must be unique in each controller./// </summary>public string Action { get; set; }
/// <summary>/// Gets or sets the regular expression to match the action./// </summary>public string ActionRegex { get; set; }
/// <summary>/// Determines whether the action method selection is valid for the specified controller context./// </summary>/// <param name="controllerContext">The controller context.</param>/// <param name="methodInfo">Information about the action method.</param>/// <returns>true if the action method selection is valid for the specified controller context; otherwise, false.</returns>public override bool IsValidForRequest(ControllerContext controllerContext, MethodInfo methodInfo){
if (controllerContext == null){throw new ArgumentNullException("controllerContext");}
Func<NameValueCollection> formGetter;Func<NameValueCollection> queryStringGetter;
ValidationUtility.GetUnvalidatedCollections(HttpContext.Current, out formGetter, out queryStringGetter);
var form = formGetter();var queryString = queryStringGetter();
var req = form.AllKeys.Any() ? form : queryString;
if (!string.IsNullOrEmpty(this.ActionRegex)){foreach (var key in req.AllKeys.Where(k => k.StartsWith(Action, true, System.Threading.Thread.CurrentThread.CurrentCulture))){if (key.Contains(":")){if (key.Split(':').Count() == this.ActionRegex.Split(':').Count()){bool match = false;for (int i = 0; i < key.Split(':').Count(); i++){if (Regex.IsMatch(key.Split(':')[0], this.ActionRegex.Split(':')[0])){match = true;}else{match = false;break;}}
if (match){return !string.IsNullOrEmpty(req[key]);}}}else{if (Regex.IsMatch(key, this.Action + this.ActionRegex)){return !string.IsNullOrEmpty(req[key]);}}
}return false;}else{return req.AllKeys.Contains(this.Action);}}}

享受无代码气味的多提交按钮未来。

谢谢

以下是最适合我的方法:

<input type="submit" value="Delete" name="onDelete" /><input type="submit" value="Save" name="onSave" />

public ActionResult Practice(MyModel model, string onSave, string onDelete){if (onDelete != null){// Delete the object...return EmptyResult();}
// Save the object...return EmptyResult();}

我的解决方案是使用2个asp面板:

<asp:Panel ID=”..” DefaultButton=”ID_OF_SHIPPING_SUBMIT_BUTTON”….></asp:Panel>

此脚本允许指定一个data-form-action属性,该属性将在所有浏览器中用作HTML5 formaction属性(以不显眼的方式):

$(document).on('click', '[type="submit"][data-form-action]', function(event) {var $this = $(this),var formAction = $this.attr('data-form-action'),$form = $($this.closest('form'));$form.attr('action', formAction);});

包含按钮的表单将被发布到data-form-action属性中指定的URL:

<button type="submit" data-form-action="different/url">Submit</button>

这需要jQuery 1.7。对于以前的版本,您应该使用live()而不是on()

对于每个提交按钮,只需添加:

$('#btnSelector').click(function () {
$('form').attr('action', "/Your/Action/);$('form').submit();
});

我尝试综合所有解决方案,并创建了一个[ButtenHandler]属性,可以轻松处理表单上的多个按钮。

我已经在CodeProjectMVC中的多个参数化(可本地化)表单按钮ASP.NET上描述了它。

要处理此按钮的简单情况:

<button type="submit" name="AddDepartment">Add Department</button>

您将拥有类似于以下操作方法的东西:

[ButtonHandler()]public ActionResult AddDepartment(Company model){model.Departments.Add(new Department());return View(model);}

请注意按钮的名称如何与操作方法的名称匹配。本文还描述了如何使用具有值的按钮和具有索引的按钮。

我没有足够的代表在正确的地方发表评论,但我花了一整天的时间来分享。

当尝试实现“MultipleButtonAt的”解决方案ValueProvider.GetValue(keyValue)将错误地返回null

原来我引用的是System.Web.MVC版本3.0,而它应该是4.0(其他程序集是4.0)。我不知道为什么我的项目没有正确升级,我没有其他明显的问题。

所以如果你的ActionNameSelectorAttribute不起作用……检查一下。

//modelpublic class input_element{public string Btn { get; set; }}
//views--submit btn can be input type also...@using (Html.BeginForm()){<button type="submit" name="btn" value="verify">Verify data</button><button type="submit" name="btn" value="save">Save data</button><button type="submit" name="btn" value="redirect">Redirect</button>}
//controller
public ActionResult About(){ViewBag.Message = "Your app description page.";return View();}
[HttpPost]public ActionResult About(input_element model){if (model.Btn == "verify"){// the Verify button was clicked}else if (model.Btn == "save"){// the Save button was clicked}else if (model.Btn == "redirect"){// the Redirect button was clicked}return View();}

基于mkozicki的回答,我想出了一个有点不同的解决方案。我仍然使用ActionNameSelectorAttribute但是我需要处理两个按钮保存和同步。它们的作用几乎相同,所以我不想有两个操作。

属性

public class MultipleButtonActionAttribute : ActionNameSelectorAttribute{private readonly List<string> AcceptedButtonNames;
public MultipleButtonActionAttribute(params string[] acceptedButtonNames){AcceptedButtonNames = acceptedButtonNames.ToList();}
public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo){foreach (var acceptedButtonName in AcceptedButtonNames){var button = controllerContext.Controller.ValueProvider.GetValue(acceptedButtonName);if (button == null){continue;}controllerContext.Controller.ControllerContext.RouteData.Values.Add("ButtonName", acceptedButtonName);return true;}return false;}}

查看

<input type="submit" value="Save" name="Save" /><input type="submit" value="Save and Sync" name="Sync" />

控制器

 [MultipleButtonAction("Save", "Sync")]public ActionResult Sync(OrgSynchronizationEditModel model){var btn = this.RouteData.Values["ButtonName"];

我还想指出,如果行动做不同的事情,我可能会跟随mkozicki的帖子。

HttpParamActionAttribute方法的修改版本,但bug修复了在过期/无效会话回发时不会导致错误的问题。要查看这是否是您当前站点的问题,请在窗口中打开您的表单,然后在单击SavePublish之前,打开一个重复的窗口,然后注销。现在回到您的第一个窗口,尝试使用任一按钮提交您的表单。对我来说,我遇到了一个错误,所以这个更改为我解决了这个问题。为了简洁起见,我省略了一堆东西,但您应该明白。关键部分是在属性中包含ActionName,并确保传入的名称是显示表单的View的名称

属性类

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]public class HttpParamActionAttribute : ActionNameSelectorAttribute{private readonly string actionName;
public HttpParamActionAttribute(string actionName){this.actionName = actionName;}
public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo){if (actionName.Equals(methodInfo.Name, StringComparison.InvariantCultureIgnoreCase))return true;
if (!actionName.Equals(this.actionName, StringComparison.InvariantCultureIgnoreCase))return false;
var request = controllerContext.RequestContext.HttpContext.Request;return request[methodInfo.Name] != null;}}

控制器

[Authorize(Roles="CanAddContent")]public ActionResult CreateContent(Guid contentOwnerId){var viewModel = new ContentViewModel{ContentOwnerId = contentOwnerId//populate rest of view model}return View("CreateContent", viewModel);}
[Authorize(Roles="CanAddContent"), HttpPost, HttpParamAction("CreateContent"), ValidateAntiForgeryToken]public ActionResult SaveDraft(ContentFormModel model){//Save as draftreturn RedirectToAction("CreateContent");}
[Authorize(Roles="CanAddContent"), HttpPost, HttpParamAction("CreateContent"), ValidateAntiForgeryToken]public ActionResult Publish(ContentFormModel model){//publish contentreturn RedirectToAction("CreateContent");}

查看

@using (Ajax.BeginForm("CreateContent", "MyController", new { contentOwnerId = Model.ContentOwnerId })){@Html.AntiForgeryToken()@Html.HiddenFor(x => x.ContentOwnerId)
<!-- Rest of your form controls --><input name="SaveDraft" type="submit" value="SaveDraft" /><input name="Publish" type="submit" value="Publish" />}

我不喜欢ActionSelectName的一点是控制器中的每个动作方法都调用IsValidName;我不知道它为什么这样工作。我喜欢每个按钮根据其作用有不同名称的解决方案,但我不喜欢你必须在动作方法中拥有与表单中按钮一样多的参数这一事实。我为所有按钮类型创建了一个枚举:

public enum ButtonType{Submit,Cancel,Delete}

我使用ActionFilter而不是ActionSelectName:

public class MultipleButtonsEnumAttribute : ActionFilterAttribute{public Type EnumType { get; set; }
public MultipleButtonsEnumAttribute(Type enumType){EnumType = enumType;}
public override void OnActionExecuting(ActionExecutingContext filterContext){foreach (var key in filterContext.HttpContext.Request.Form.AllKeys){if (Enum.IsDefined(EnumType, key)){var pDesc = filterContext.ActionDescriptor.GetParameters().FirstOrDefault(x => x.ParameterType == EnumType);filterContext.ActionParameters[pDesc.ParameterName] = Enum.Parse(EnumType, key);break;}}}}

过滤器将在表单数据中找到按钮名称,如果按钮名称与枚举中定义的任何按钮类型匹配,它将在操作参数中找到ButtonType参数:

[MultipleButtonsEnumAttribute(typeof(ButtonType))]public ActionResult Manage(ButtonType buttonPressed, ManageViewModel model){if (button == ButtonType.Cancel){return RedirectToAction("Index", "Home");}//and so onreturn View(model)}

然后在视图中,我可以使用:

<input type="submit" value="Button Cancel" name="@ButtonType.Cancel" /><input type="submit" value="Button Submit" name="@ButtonType.Submit" />

如果您的浏览器支持输入按钮的属性格式(IE 10+,不确定其他浏览器),那么以下操作应该有效:

@using (Html.BeginForm()){//put form inputs here
<input id="sendBtn" value="Send" type="submit" formaction="@Url.Action("Name Of Send Action")" />
<input id="cancelBtn" value="Cancel" type="submit" formaction="@Url.Action("Name of Cancel Action") />
}

我也遇到过这个“问题”,但通过添加name属性找到了一个相当合乎逻辑的解决方案。我不记得在其他语言中遇到过这个问题。

http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2

  • 如果表单包含多个提交按钮,则只有激活的提交按钮成功。

这意味着以下代码value属性可以更改、本地化、国际化,而无需需要用于检查强类型资源文件或常量的额外代码。

<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %><input type="submit" name="send" value="Send" /><input type="submit" name="cancel" value="Cancel" /><input type="submit" name="draft" value="Save as draft" /><% Html.EndForm(); %>`

在接收端,您只需要检查是否有任何已知的提交类型不是null

public ActionResult YourAction(YourModel model) {
if(Request["send"] != null) {
// we got a send
}else if(Request["cancel"]) {
// we got a cancel, but would you really want to post data for this?
}else if(Request["draft"]) {
// we got a draft
}
}

Index.cshtml

@使用(Html。开始表格(“索引”,“主页”,Form方法。帖子,新{id=“提交表格”}))

{

按钮类型="提交"id="btnAp的"名称="命令"值="批准">批准

按钮类型="提交"id="btnReject"名称="命令"值="拒绝">拒绝

}

public class HomeController : Controller{public ActionResult Index(){return View();}
[HttpPost]public ActionResult Index(FormCollection frm, string Command){if (Command == "Approve"){
}else if (Command == "Reject"){
}
return View();}
}

当使用ajax表单时,我们可以使用带有POST HttpWay和在AjaxOptions. OnStart in事件中序列化表单。

假设您有两个操作,InsertAction和UpdateAction:

<form>@Html.Hidden("SomeField", "SomeValue")
@Ajax.ActionLink("Insert","InsertAction",null,new AjaxOptions {OnBegin = "OnBegin",UpdateTargetId = "yourDiv",HttpMethod = "POST" })@Ajax.ActionLink("Update","UpdateAction",null,new AjaxOptions {OnBegin = "OnBegin",UpdateTargetId = "yourDiv",HttpMethod = "POST" })</form>

javascript

function OnBegin(xhr, settings) {settings.data = $("form").serialize();}

有三种方法可以解决上述问题

  1. 超文本标记语言
  2. jQuery方式
  3. "ActionName选择属性"方式

下面是一个视频,以演示的方式总结了所有三种方法。

https://www.facebook.com/shivprasad.koirala/videos/vb.100002224977742/809335512483940

超文本标记语言:-

在超文本标记语言中,我们需要创建两个表单并将“提交”按钮放置在每个表单中。每个表单的操作将指向不同/各自的操作。您可以看到下面的代码,第一个表单发布到“Action1”,第二个表单将发布到“Action2”,具体取决于单击哪个“提交”按钮。

<form action="Action1" method=post><input type=”submit” name=”Submit1”/></form>
<form action="Action2" method=post><input type=”submit” name=”Submit2”></form>

Ajax方式:-

如果你是Ajax爱好者,第二个选项会让你更兴奋。以Ajax的方式,我们可以创建两个不同的函数“Fun1”和“Fun1”,请参阅下面的代码。这些函数将使用JQUERY或任何其他框架进行Ajax调用。这些函数中的每一个都与“提交”按钮的“OnClick”事件绑定在一起。这些函数中的每一个都调用各自的操作名称。

<Script language="javascript">function Fun1(){$.post(“/Action1”,null,CallBack1);}function Fun2(){$.post(“/Action2”,null,CallBack2);}</Script>
<form action="/Action1" method=post><input type=submit name=sub1 onclick=”Fun2()”/></form><form action="/Action2" method=post><input type=submit name=sub2 onclick=”Fun1()”/></form>

使用"ActionNameSelectorAt的属性":-

这是一个很好的、干净的选择。“ActionNameSelectorAt的”是一个简单的属性类,我们可以在其中编写决策逻辑来决定可以执行哪些操作。

因此,第一件事是在超文本标记语言中,我们需要为提交按钮添加正确的名称,以便在服务器上识别它们。

您可以看到我们在按钮名称中添加了“保存”和“删除”。您还可以注意到,在操作中,我们只输入了控制器名称“客户”,而不是特定的操作名称。我们预计操作名称将由“ActionNameSelectorAt的”决定。

<form action=”Customer” method=post><input type=submit value="Save" name="Save" /> <br /><input type=submit value="Delete" name="Delete"/></form>

因此,当单击提交按钮时,它首先命中“ActionNameSelector”属性,然后根据触发的提交调用适当的操作。

输入图片描述

因此,第一步是创建一个继承自“ActionNameSelectorAt的”类的类。在这个类中,我们创建了一个简单的属性“Name”。

我们还需要覆盖返回true或flase的“IsValidName”函数。这个函数是我们编写操作是否必须执行的逻辑的地方。所以如果这个函数返回true,那么操作就会执行,否则就不会执行。

public class SubmitButtonSelector : ActionNameSelectorAttribute{public string Name { get; set; }public override bool IsValidName(ControllerContext controllerContext, string actionName, System.Reflection.MethodInfo methodInfo){// Try to find out if the name exists in the data sent from formvar value = controllerContext.Controller.ValueProvider.GetValue(Name);if (value != null){return true;}return false;
}}

上面函数的主要核心在下面的代码中。“ValueProvider”集合包含从表单中发布的所有数据。因此,它首先查找“Name”值,如果在HTTP请求中找到,则返回true,否则返回false。

var value = controllerContext.Controller.ValueProvider.GetValue(Name);if (value != null){return true;}return false;

然后可以在相应的操作上装饰这个属性类,并且可以提供相应的“名称”值。因此,如果提交正在执行此操作并且名称与超文本标记语言提交按钮名称匹配,则它会进一步执行该操作,否则它不会。

public class CustomerController : Controller{[SubmitButtonSelector(Name="Save")]public ActionResult Save(){return Content("Save Called");}[SubmitButtonSelector(Name = "Delete")]public ActionResult Delete(){return Content("Delete Called");}}

我为客户端HtmlHelper创建了一个操作按钮方法。它将生成OnClick事件中带有javascript位的正常输入按钮,将表单提交给指定的控制器/操作。

你这样利用帮手

@Html.ActionButton("MyControllerName", "MyActionName", "button text")

这将生成以下超文本标记语言

<input type="button" value="button text" onclick="this.form.action = '/MyWebsiteFolder/MyControllerName/MyActionName'; this.form.submit();">

以下是扩展方法代码:

VB. Net

<System.Runtime.CompilerServices.Extension()>Function ActionButton(pHtml As HtmlHelper, pAction As String, pController As String, pRouteValues As Object, pBtnValue As String, pBtnName As String, pBtnID As String) As MvcHtmlStringDim urlHelperForActionLink As UrlHelperDim btnTagBuilder As TagBuilder
Dim actionLink As StringDim onClickEventJavascript As String
urlHelperForActionLink = New UrlHelper(pHtml.ViewContext.RequestContext)If pController <> "" ThenactionLink = urlHelperForActionLink.Action(pAction, pController, pRouteValues)ElseactionLink = urlHelperForActionLink.Action(pAction, pRouteValues)End IfonClickEventJavascript = "this.form.action = '" & actionLink & "'; this.form.submit();"
btnTagBuilder = New TagBuilder("input")btnTagBuilder.MergeAttribute("type", "button")
btnTagBuilder.MergeAttribute("onClick", onClickEventJavascript)
If pBtnValue <> "" Then btnTagBuilder.MergeAttribute("value", pBtnValue)If pBtnName <> "" Then btnTagBuilder.MergeAttribute("name", pBtnName)If pBtnID <> "" Then btnTagBuilder.MergeAttribute("id", pBtnID)
Return MvcHtmlString.Create(btnTagBuilder.ToString(TagRenderMode.Normal))End Function

c#(C#代码只是从VB DLL反编译的,所以可以得到一些美化……但是时间很短:-))

public static MvcHtmlString ActionButton(this HtmlHelper pHtml, string pAction, string pController, object pRouteValues, string pBtnValue, string pBtnName, string pBtnID){UrlHelper urlHelperForActionLink = new UrlHelper(pHtml.ViewContext.RequestContext);bool flag = Operators.CompareString(pController, "", true) != 0;string actionLink;if (flag){actionLink = urlHelperForActionLink.Action(pAction, pController, System.Runtime.CompilerServices.RuntimeHelpers.GetObjectValue(pRouteValues));}else{actionLink = urlHelperForActionLink.Action(pAction, System.Runtime.CompilerServices.RuntimeHelpers.GetObjectValue(pRouteValues));}string onClickEventJavascript = "this.form.action = '" + actionLink + "'; this.form.submit();";TagBuilder btnTagBuilder = new TagBuilder("input");btnTagBuilder.MergeAttribute("type", "button");btnTagBuilder.MergeAttribute("onClick", onClickEventJavascript);flag = (Operators.CompareString(pBtnValue, "", true) != 0);if (flag){btnTagBuilder.MergeAttribute("value", pBtnValue);}flag = (Operators.CompareString(pBtnName, "", true) != 0);if (flag){btnTagBuilder.MergeAttribute("name", pBtnName);}flag = (Operators.CompareString(pBtnID, "", true) != 0);if (flag){btnTagBuilder.MergeAttribute("id", pBtnID);}return MvcHtmlString.Create(btnTagBuilder.ToString(TagRenderMode.Normal));}

这些方法有各种参数,但为了便于使用,您可以创建一些重载,只接受您需要的参数。

我已经迟到了,但是…我的实现借鉴了@mkozicki,但需要较少的硬编码字符串才能出错。需要框架4.5+。本质上,控制器方法名称应该是路由的关键。

置标.按钮名称必须用"action:[controllerMethodName]"键控

(注意使用C#6名称 API,提供对您希望调用的控制器方法名称的特定类型引用。

<form>... form fields ....<button name="action:@nameof(MyApp.Controllers.MyController.FundDeathStar)" type="submit" formmethod="post">Fund Death Star</button><button name="action:@nameof(MyApp.Controllers.MyController.HireBoba)" type="submit" formmethod="post">Hire Boba Fett</button></form>

控制器

namespace MyApp.Controllers{class MyController{[SubmitActionToThisMethod]public async Task<ActionResult> FundDeathStar(ImperialModel model){await TrainStormTroopers();return View();}
[SubmitActionToThisMethod]public async Task<ActionResult> HireBoba(ImperialModel model){await RepairSlave1();return View();}}}

属性魔法.注意CallerMemberName善良的使用。

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]public class SubmitActionToThisMethodAttribute : ActionNameSelectorAttribute{public SubmitActionToThisMethodAttribute([CallerMemberName]string ControllerMethodName = ""){controllerMethod = ControllerMethodName;actionFormat = string.Concat(actionConstant, ":", controllerMethod);}const string actionConstant = "action";readonly string actionFormat;readonly string controllerMethod;
public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo){var isValidName = false;var value = controllerContext.Controller.ValueProvider.GetValue(actionFormat);
if (value != null){controllerContext.Controller.ControllerContext.RouteData.Values[actionConstant] = controllerMethod;isValidName = true;}return isValidName;}}

使用自定义助手(在项目根目录的App_Code文件夹中创建一个文件“Helpers.cshtml”)和javascript将表单的“action”属性重写为您想要的内容,然后提交。

助手可能是这样的:

@helper SubmitButton(string text, string controller,string action){var uh = new System.Web.Mvc.UrlHelper(Context.Request.RequestContext);string url = @uh.Action(action, controller, null);<input type=button  onclick="(function(e){$(e).parent().attr('action', '@url'); //rewrite action url//create a submit button to be clicked and removed, so that onsubmit is triggeredvar form = document.getElementById($(e).parent().attr('id'));var button = form.ownerDocument.createElement('input');button.style.display = 'none';button.type = 'submit';form.appendChild(button).click();form.removeChild(button);})(this)" value="@text"/>}

然后将其用作:

@Helpers.SubmitButton("Text for 1st button","ControllerForButton1","ActionForButton1")@Helpers.SubmitButton("Text for 2nd button","ControllerForButton2","ActionForButton2")...

在你的形式。

它是短而套房:

答案是JeroenDop

<input type="submit" name="submitbutton1" value="submit1" /><input type="submit" name="submitbutton2" value="submit2" />

并在代码后面这样做

 if( Request.Form["submitbutton1"] != null){// Code for function 1}else if(Request.Form["submitButton2"] != null ){// code for function 2}

祝你好运。

[HttpPost]public ActionResult ConfirmMobile(string nameValueResend, string nameValueSubmit, RegisterModel model){var button = nameValueResend ?? nameValueSubmit;if (button == "Resend"){
}else{
}}

Razor file Content:@using (Html.BeginForm(){<div class="page registration-result-page">
<div class="page-title"><h1> Confirm Mobile Number</h1></div>
<div class="result">@Html.EditorFor(model => model.VefificationCode)@Html.LabelFor(model => model.VefificationCode, new { })@Html.ValidationMessageFor(model => model.VefificationCode)</div><div class="buttons"><button type="submit" class="btn" name="nameValueResend" value="Resend">Resend</button><button type="submit" class="btn" name="nameValueSubmit" value="Verify">Submit</button>
</div></div>
}