实现多个按钮提交

有时我们需要在同一个Form表单中进行多个按钮的提交，来完成不同的功能。因为MVC中一个表单默认只能提交到一个Action处理，相对比较麻烦。

1、使用客户端脚本

我们可以view中加上如下代码：

<input type="submit" value="SubmitToAbout1" onclick='this.form.action="@Url.Action("About1")" '/>

<br />

<input type="submit" value="SubmitToAbout2" onclick='this.form.action="@Url.Action("About2")" '/>

用来指示不同的按钮点击后跳转到不同的Action。Action方法代码如下：

public string About1(FormCollection collection)
{
return collection["Title"];
}

public string About2(FormCollection collection)
{
return collection["Title"];
}

这样就实现了点击不同的按钮跳转到不同的方法中。

2、在Action中判断按钮的value值

在view中，不同的input标签，定义相同的name,如下：

<input type="submit" value="SubmitToAbout1" name="action"/>

<input type="submit" value="SubmitToAbout2" name="action"/>

然后在Action方法中,获取表单传过来的数据，获取name为action的value值，再根据value值去进行判断。

[HttpPost]

public ActionResult About(FormCollection collection)
{
string action=collection["action"];

if (action == "SubmitToAbout1")
{
ViewBag.action = "SubmitToAbout1";
}
else if (action == "SubmitToAbout2")
{
ViewBag.action = "SubmitToAbout2";
}

return View();
}

此种方法我们可以做出改进，新建一个MultiButtonAttribute类，该类继承ActionNameSelectorAttribute类，该类代码如下：

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]
public class MultiButtonAttribute : ActionNameSelectorAttribute
{
public string MatchFormKey { get; set; }
public string MatchFormValue { get; set; }
public override bool IsValidName(ControllerContext controllerContext, string actionName, System.Reflection.MethodInfo methodInfo)
{
bool state= controllerContext.HttpContext.Request[MatchFormKey] != null && controllerContext.HttpContext.Request[MatchFormKey] == MatchFormValue;
return state;
}
}

其中view中代码不变，还是

<input type="submit" value="SubmitToAbout1" name="action"/>

<input type="submit" value="SubmitToAbout2" name="action"/>

在控制器的Action中调用：

[HttpPost]

[MultiButton(MatchFormKey = "action", MatchFormValue = "SubmitToAbout1")]
public string About1(FormCollection collection)
{
return "SubmitToAbout1 clicked";
}

[HttpPost]
[MultiButton(MatchFormKey = "action", MatchFormValue = "SubmitToAbout2")]
public string About2(FormCollection collection)
{
return "SubmitToAbout2 clicked";
}

这样，点击submit按钮时，MultiButton会根据按钮的name和value值跳转到相应的执行方法。

3、判断按钮的name值

判断按钮的value值有很多不确定的因素，比如按钮的value值可能会更加客户的个人爱好而进行改动，或者按钮需要改成多语言版本的，这时我们根据按钮的value值来选择不同的控制器的Action时就显得极其不灵活，这时我们希望通过按钮的name值来选择其相应的Action方法。同样还是自定义一个MultiButtonAttribute类，该类继承ActionNameSelectorAttribute类，该类代码为:

[AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]
public class MultiButtonAttribute : ActionNameSelectorAttribute
{
public string MatchFormValue { get; set; }
public override bool IsValidName(ControllerContext controllerContext, string actionName, System.Reflection.MethodInfo methodInfo)
{
bool state = !string.IsNullOrEmpty(MatchFormValue) && controllerContext.HttpContext.Request.Form.AllKeys.Contains(this.MatchFormValue);
return state;
}
}

视图上按钮代码为：

<input type="submit" value="SubmitToAbout1" name="about1"/>

<input type="submit" value="SubmitToAbout2" name="about2"/>

控制器Action代码：

[HttpPost]
[MultiButton(MatchFormValue = "about1")]
public string About1(FormCollection collection)
{
return "SubmitToAbout1 clicked";
}

[HttpPost]
[MultiButton(MatchFormValue = "about2")]
public string About2(FormCollection collection)
{
return "SubmitToAbout2 clicked";
}

这样就可以根据不同的按钮的name，控制器来执行其相应的方法了。