程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> ASP.NET教程:網頁表單多個按鈕完成不同功能

ASP.NET教程:網頁表單多個按鈕完成不同功能

編輯:關於ASP.NET

有時候會遇到這種情況:在一個表單上需要多個按鈕來完成不同的功能,比如一個簡單的審批功能。

image

如果是用webform那不需要討論,但asp.net mvc中一個表單只能提交到一個Action處理,相對比較麻煩點。

方法一:使用客戶端腳本

比如我們在View中這樣寫:

以下為引用的內容:

<input type="submit" value="審核通過"  onclick='this.form.action="<%=Url.Action("Action1") %>";' />
<input type="submit" value="審核不通過"  onclick='this.form.action="<%=Url.Action("Action2") %>";'  />
<input type="submit" value="返回"   onclick='this.form.action="<%=Url.Action("Action3") %>";' />

在點擊提交按鈕時,先改變Form的action屬性,使表單提交到按鈕相應的action處理。

但有的時候,可能Action1和2的邏輯非常類似,也許只是將某個字段的值置為1或者0,那麼分開到二個action中又顯得有點多余了。

方法二:在Action中判斷通過哪個按鈕提交

在View中,我們不用任何客戶端腳本處理,給每個提交按鈕加好name屬性:

以下為引用的內容:

<input type="submit" value="審核通過" name="action" />
<input type="submit" value="審核不通過"  name="action"/>
<input type="submit" value="返回"  name="action"/>

然後在控制器中判斷:

以下為引用的內容:

[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中:

以下為引用的內容:

<input type="submit" value="審核通過" name="action1" />
<input type="submit" value="審核不通過"  name="action2"/>
<input type="submit" value="返回"  name="action3"/>

此時,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:

以下為引用的內容:

<input type="submit" value="not important" name="delete" />
<input type="submit" value="not important" name="delete:id" />

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved