是否有一些简单的方法可以处理来自同一表单的多个提交按钮？例如：
<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %>
<input type="submit" value="Send" />
<input type="submit" value="Cancel" />
<% Html.EndForm(); %>
知道如何在 ASP.NET Framework Beta 中执行此操作吗？我搜索过的所有示例中都有单个按钮。
这是一个非常干净的基于属性的解决方案，主要基于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) { ... }
更新： Razor 页面看起来提供了开箱即用的相同功能。对于新的发展，它可能是可取的。
为提交按钮命名，然后在控制器方法中检查提交的值：
<% 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 action
return(Send());
case "Cancel":
// call another action to perform the cancellation
return(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 action
return(Send());
} else if (submitButton == Resources.Messages.Cancel) {
// call another action to perform the cancellation
return(Cancel());
}
如前所述，您可以检查操作中的名称，但您可能会考虑这是否是好的设计。考虑动作的责任而不是将这种设计过多地与按钮名称等 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") %>
Eilon 建议您可以这样做：
如果您有多个按钮，您可以通过为每个按钮命名来区分它们：
<input type="submit" name="SaveButton" value="Save data" /> <input type="submit" name="CancelButton" value="Cancel and go back to main page" />在您的控制器操作方法中，您可以添加以 HTML 输入标记名称命名的参数：
public ActionResult DoSomeStuff(string saveButton, string cancelButton, ... other parameters ...) { ... }如果任何值被发布到这些参数之一，这意味着该按钮是被点击的那个。Web 浏览器只会发布一个被点击的按钮的值。所有其他值都将为空。
if (saveButton != null) { /* do save logic */ } if (cancelButton != null) { /* do cancel logic */ }
我喜欢这种方法，因为它不依赖于提交按钮的 value 属性，它比分配的名称更有可能改变，并且不需要启用 javascript
刚刚写了一篇关于这个的帖子： Multiple submit buttons with ASP.NET MVC：
基本上，我使用的是 ，而不是ActionMethodSelectorAttributeusing
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(…) {
//…
}
}
如您所见，该属性根本不需要您指定任何内容。此外，按钮的名称直接转换为方法名称。此外（我没有尝试过）这些也应该像正常操作一样工作，因此您可以直接发布到其中任何一个。
它很短且套件：
Jeroen Dop回答了这个问题
<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
}
祝你好运。
我建议有兴趣的人看看 Maarten Balliauw 的解决方案。我认为它非常优雅。
如果链接消失，它会使用MultiButton应用于控制器操作的属性来指示该操作应该与哪个按钮单击相关。
您应该能够命名按钮并给它们一个值；然后将此名称作为参数映射到操作。或者，使用 2 个单独的操作链接或 2 个表单。
你可以写：
<% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %>
<input type="submit" name="button" value="Send" />
<input type="submit" name="button" value="Cancel" />
<% Html.EndForm(); %>
然后在页面中检查名称==“发送”或名称==“取消”...
我不喜欢 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 on
return View(model)
}
然后在视图中，我可以使用：
<input type="submit" value="Button Cancel" name="@ButtonType.Cancel" />
<input type="submit" value="Button Submit" name="@ButtonType.Submit" />
以下是最适合我的方法：
<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();
}
如果您的浏览器支持输入按钮的属性formaction（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
}
}
如果对 HTML 5 的使用没有限制，可以使用带有Attribute的<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
您可以通过三种方式解决上述问题
下面是一个视频，它以演示的方式总结了所有三种方法。
https://www.facebook.com/shivprasad.koirala/videos/vb.100002224977742/809335512483940
HTML方式：-
在 HTML 方式中，我们需要创建两个表单并在每个表单中放置“提交”按钮。并且每个表单的动作都将指向不同/各自的动作。您可以看到下面的代码，第一个表单发布到“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 方式中，我们可以创建两个不同的函数“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>
使用“ActionNameSelectorAttribute”：-
这是一个很棒而且很干净的选择。“ActionNameSelectorAttribute”是一个简单的属性类，我们可以在其中编写决策逻辑来决定可以执行哪些操作。
所以第一件事是在 HTML 中，我们需要将正确的名称放在提交按钮上，以便在服务器上识别它们。
您可以看到我们在按钮名称中添加了“保存”和“删除”。您还可以注意到在操作中我们刚刚输入了控制器名称“客户”而不是特定的操作名称。我们期望动作名称将由“ActionNameSelectorAttribute”决定。
<form action=”Customer” method=post>
<input type=submit value="Save" name="Save" /> <br />
<input type=submit value="Delete" name="Delete"/>
</form>
因此，当单击提交按钮时，它首先会点击“ActionNameSelector”属性，然后根据触发的提交，它会调用适当的操作。
所以第一步是创建一个继承自“ActionNameSelectorAttribute”类的类。在这个类中，我们创建了一个简单的属性“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 form
var 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;
然后可以在相应的操作上装饰此属性类，并可以提供相应的“名称”值。因此，如果提交正在点击此操作并且如果名称与 HTML 提交按钮名称匹配，则它会进一步执行该操作，否则它不会执行。
public class CustomerController : Controller
{
[SubmitButtonSelector(Name="Save")]
public ActionResult Save()
{
return Content("Save Called");
}
[SubmitButtonSelector(Name = "Delete")]
public ActionResult Delete()
{
return Content("Delete Called");
}
}
David Findley 在他的 ASP.Net 博客上写了关于执行此操作的 3 个不同选项。
阅读文章多个按钮以相同的形式查看他的解决方案，以及每个按钮的优缺点。恕我直言，他提供了一个非常优雅的解决方案，它利用了您装饰动作的属性。
这是我将使用的技术，我还没有在这里看到它。启发此解决方案的链接（由 Saajid Ismail 发布）是http://weblogs.asp.net/dfindley/archive/2009/05/31/asp-net-mvc-multiple-buttons-in-the-same-form .aspx）。它适应了 Dylan Beattie 的回答，可以毫无问题地进行本地化。
在视图中：
<% 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;
}
}
}
此脚本允许指定一个 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().
[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>
}
这是我编写的用于处理多个图像和/或文本按钮的扩展方法。
这是图像按钮的 HTML：
<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.x
if (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".
我没有足够的代表在正确的地方发表评论，但我花了一整天的时间在这上面，所以想分享。
在尝试实施“MultipleButtonAttribute”解决方案时ValueProvider.GetValue(keyValue)会错误地返回null。
原来我引用的是 System.Web.MVC 版本 3.0，而它应该是 4.0（其他程序集是 4.0）。我不知道为什么我的项目没有正确升级并且我没有其他明显的问题。
所以如果你ActionNameSelectorAttribute不工作......检查一下。
我参加聚会已经很晚了，但是这里……我的实现借鉴了@mkozicki，但需要较少的硬编码字符串才能出错。 需要框架 4.5+。本质上，控制器方法名称应该是路由的关键。
标记。按钮名称必须键入"action:[controllerMethodName]"
（注意 C#6 nameof 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;
}
}
这是我发现的最好方法：
http://iwayneo.blogspot.co.uk/2013/10/aspnet-mvc-action-selector-with-list.html
这是代码：
/// <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);
}
}
}
享受无代码气味的多提交按钮的未来。
谢谢你
我尝试综合所有解决方案并创建了一个 [ButtenHandler] 属性，可以轻松处理表单上的多个按钮。
我已经在 ASP.NET MVC 中的 CodeProject Multiple parameterized (localizable) form buttons 中描述了它。
要处理此按钮的简单情况：
<button type="submit" name="AddDepartment">Add Department</button>
您将拥有类似于以下操作方法的内容：
[ButtonHandler()]
public ActionResult AddDepartment(Company model)
{
model.Departments.Add(new Department());
return View(model);
}
请注意按钮的名称如何与操作方法的名称匹配。本文还介绍了如何使按钮具有值和具有索引的按钮。
//model
public 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();
}
方法的修改版本，HttpParamActionAttribute但修复了在过期/无效会话回发时不会导致错误的错误。要查看这是否是您当前站点的问题，请在窗口中打开您的表单，然后在您单击Save或之前Publish，打开一个重复的窗口，然后注销。现在回到您的第一个窗口并尝试使用任一按钮提交您的表单。对我来说，我遇到了一个错误，所以这个更改为我解决了这个问题。为了简洁起见，我省略了一堆东西，但你应该明白这一点。关键部分是包含ActionName在属性上，并确保传入的名称是显示表单的视图的名称
属性类
[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 draft
return RedirectToAction("CreateContent");
}
[Authorize(Roles="CanAddContent"), HttpPost, HttpParamAction("CreateContent"), ValidateAntiForgeryToken]
public ActionResult Publish(ContentFormModel model)
{
//publish content
return 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" />
}
我使用扩展方法的 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')" >
对于每个提交按钮，只需添加：
$('#btnSelector').click(function () {
$('form').attr('action', "/Your/Action/);
$('form').submit();
});
根据 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 的帖子。
我为HtmlHelper创建了一个ActionButton方法。它将在OnClick 事件中生成带有一点javascript的普通输入按钮，该按钮会将表单提交到指定的 Controller/Action。
你像这样使用助手
@Html.ActionButton("MyControllerName", "MyActionName", "button text")
这将生成以下 HTML
<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 MvcHtmlString
Dim urlHelperForActionLink As UrlHelper
Dim btnTagBuilder As TagBuilder
Dim actionLink As String
Dim onClickEventJavascript As String
urlHelperForActionLink = New UrlHelper(pHtml.ViewContext.RequestContext)
If pController <> "" Then
actionLink = urlHelperForActionLink.Action(pAction, pController, pRouteValues)
Else
actionLink = urlHelperForActionLink.Action(pAction, pRouteValues)
End If
onClickEventJavascript = "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));
}
这些方法具有各种参数，但为了便于使用，您可以创建一些仅采用您需要的参数的重载。
使用 ajax 表单时，我们可以将 ActionLinks 与 POST HttpMethod 一起使用，并在 AjaxOptions.OnBegin 事件中序列化表单。
假设您有两个操作，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();
}
使用自定义帮助程序（在项目根目录的 App_Code 文件夹中创建文件“Helpers.cshtml”）和 javascript 将表单的“action”属性（在“onclick”事件中）重写为您想要的内容，然后提交它。
助手可能是这样的：
@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 triggered
var 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")
...
在你的表格里面。
在查看代码是：
<script language="javascript" type="text/javascript">
function SubmeterForm(id)
{
if (id=='btnOk')
document.forms[0].submit(id);
else
document.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(); %>
在控制器中，代码是：
public ActionResult ObterNomeBotaoClicado(string id)
{
if (id=="1")
btnOkFunction(...);
else
btnCancelarFunction(...);
return View();
}
我的解决方案是使用 2 个 asp 面板：
<asp:Panel ID=”..” DefaultButton=”ID_OF_SHIPPING_SUBMIT_BUTTON”….></asp:Panel>
索引.cshtml
@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "submitForm" }))
{
button type="submit" id="btnApprove" name="Command" value="Approve"> 批准
button type="submit" id="btnReject" name="Command" value="Reject"> 拒绝
}
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();
}
}