ASP.NET教程:网页表单多个按钮完成不同功能

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

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

方法一：使用客户端脚本

比如我们在View中这样写：

以下为引用的内容：

在点击提交按钮时，先改变Form的action属性，使表单提交到按钮相应的action处理。

但有的时候，可能Action1和2的逻辑非常类似，也许只是将某个字段的值置为1或者0，那么分开到二个action中又显得有点多余了。

方法二：在Action中判断通过哪个按钮提交

在View中，我们不用任何客户端脚本处理，给每个提交按钮加好name属性：

以下为引用的内容：

然后在控制器中判断：

以下为引用的内容：

[HttpPost]
public ActionResult Index(string action /* 其它参数*/)
{
    if (action=="审核通过")
    {
        //
    }
    else if (action=="审核不通过")
    {
        //
    }
    else
    {
        //
    }
}

几年前写asp代码的时候经常用这样的方法…

View变得简单的，Controller复杂了。

太依赖说View，会存在一些问题。假若哪天客户说按钮上的文字改为“通过审核”，或者是做个多语言版的，那就麻烦了。

参考：http://www.ervinter.com/2009/09/25/asp-net-mvc-how-to-have-multiple-submit-button-in-form/

方法三：使用ActionSelector

关于ActionSelector的基本原理可以先看下这个POST使用ActionSelector控制Action的选择。

使用此方法，我们可以将控制器写成这样：

以下为引用的内容：

[HttpPost]
[MultiButton("action1")]
public ActionResult Action1()
{
    //
    return View();
}
[HttpPost]
[MultiButton("action2")]
public ActionResult Action2()
{
    //
    return View();
}

在 View中：

以下为引用的内容：

此时，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);
    }
}

参考：http://blog.maartenballiauw.be/post/2009/11/26/Supporting-multiple-submit-buttons-on-an-ASPNET-MVC-view.aspx

方法四、改进

Thomas Eyde就方法三的方案给出了个改进版：

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：

以下为引用的内容：

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;
}

原文地址：http://www.cnblogs.com/wuchang/archive/2010/01/29/1658916.html

时间： 2024-10-31 16:58:40

ASP.NET教程:网页表单多个按钮完成不同功能

ASP.NET教程:网页表单多个按钮完成不同功能的相关文章

用dreamvear制作的网页表单内容链接数据库，不知道为什么提示错误，求大神指点，在线等

JavaScript获取网页表单提交方式的方法_javascript技巧

网页设计:WEBJX收集优秀的网页表单设计例子

网页表单输入框设计:精心简化表单输入框

网页设计参考:寻找设计网页表单的灵感

WEBJX收集30个优秀的网页表单制作实例

测试网页表单的交互设计

有效网页表单的八条规则

网页表单设计中的反馈提示