ASP.NET MVC實現多個按鈕提交的方法_實用技巧

來源:互聯網
上載者:User

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

 

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

方法一:使用用戶端指令碼 

比如我們在View中這樣寫:

<inputtype="submit"value="審核通過"onclick='this.form.action="<%=Url.Action("Action1")%>/><inputtype="submit"value="審核不通過"onclick='this.form.action="<%=Url.Action("Action2")%> /><inputtype="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,會存在一些問題。假若哪天客戶說按鈕上的文字改為“通過審核”,或者是做個多語言版的,那就麻煩了。 

 方法三:使用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); }}

方法四:改進

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

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援雲棲社區。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.