• MVC3实现多个按钮提交


    有时我们需要在同一个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,控制器来执行其相应的方法了。

  • 相关阅读:
    npm 之 --save , -D,--save -dev的区别
    webpack 之 打包(最新版)
    npm 与 yarn 对比
    webpack 之 打包图片文件
    webpack 之 打包less文件
    javascript 之 Event Loop
    package.json中type的含义
    webpack 之 打包css文件操作
    常见问题 之 webpack打包css问题
    类方法和对象方法
  • 原文地址:https://www.cnblogs.com/lsgsanxiao/p/5110521.html
Copyright © 2020-2023  润新知