有時候會遇到這種情況:在一個表單上需要多個按鈕來完成不同的功能,比如一個簡單的審批功能。
如果是用webform那不需要討論,但asp.net mvc中一個表單只能提交到一個Action處理,相對比較麻煩點。
方法一:使用客戶端腳本
比如我們在View中這樣寫:
1
2
3
|
<
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屬性:
1
2
3
|
<
input
type="submit" value="審核通過" name="action" />
<
input
type="submit" value="審核不通過" name="action"/>
<
input
type="submit" value="返回" name="action"/>
|
然后在控制器中判斷:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
[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的選擇。
使用此方法,我們可以將控制器寫成這樣:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
[HttpPost]
[MultiButton(
"action1"
)]
public
ActionResult Action1()
{
//
return
View();
}
[HttpPost]
[MultiButton(
"action2"
)]
public
ActionResult Action2()
{
//
return
View();
}
|
在 View中:
1
2
3
|
<
input
type="submit" value="審核通過" name="action1" />
<
input
type="submit" value="審核不通過" name="action2"/>
<
input
type="submit" value="返回" name="action3"/>
|
此時,Controller已經無須依賴於按鈕的Value值。
MultiButtonAttribute的定義如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
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);
}
}
|
方法四、改進
Thomas Eyde就方法三的方案給出了個改進版:
Controller:
1
2
3
4
5
6
7
8
|
[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:
1
2
|
<
input
type="submit" value="not important" name="delete" />
<
input
type="submit" value="not important" name="delete:id" />
|
MultiButtonAttribute定義:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
[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方法改為:
1
2
3
4
5
6
|
private
void
UpdateValueProviderIn(ControllerContext controllerContext,
string
value)
{
if
(
string
.IsNullOrEmpty(Argument))
return
;
controllerContext.RouteData.Values[
this
.Argument] = value;
}
|