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

網頁表單多個按鈕完成不同功能

編輯:關於.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;
}

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