2

我是 mvc 的新手。我知道这样我可以以相同的形式处理多个提交按钮。

<%
 using (Html.BeginForm("LoginRegistration", new { action = "LoginRegistration", controller = "Register"}, FormMethod.Post, new { @class = "form", id = "formId" }))
    {
     %>
        //your html code here
        <input type="submit" name="submitButton" value="Login"/>
        <input type="submit" name="submitButton" value="Register"/>
<% }%>

[HttpPost]
        public ActionResult LoginRegistration(string submitButton)
        {
            switch (submitButton)
            {
                case "Login":
                    return RedirectToAction("Login");
                case "Register":
                    return RedirectToAction("Register");
                default:
                    return null;
            }
        }

在我的情况下,我必须为所有提交按钮提供按钮名称 submitButton 但我想为所有提交按钮提供不同的名称。可能吗?

我想知道有没有其他方法可以处理这种情况。所以请用示例代码讨论所有其他方式来处理这种情况。谢谢

更新

我看到另一个人用下面的方式处理同样的问题。给出了代码,但我不明白他的把戏。他为一个提交按钮添加了一个隐藏字段...为什么?他将按钮值属性设置为 true,并将相应隐藏字段的值属性设置为 false……为什么我就是无法理解这个技巧。

另一个问题是何时调用 action 方法,然后如何传递 bool 值以及传递哪个控件的 bool 值......请仔细阅读此更新的代码并指导我详细了解此代码的工作原理。谢谢

<%
 using (Html.BeginForm("LoginRegistration", new { action = "LoginRegistration", controller = "Register"}, FormMethod.Post, new { @class = "form", id = "formId" }))
    {
     %>
        //your html code here
        <button type="submit" name="login" value="true">Login</button>
        <input type="hidden" name="login" value="false"/>
        <button type="submit" name="register" value="true">Register</button>
        <input type="hidden" name="register" value="false"/>
<% }%>

[HttpPost]
        public ActionResult LoginRegistration(bool login, bool register)
        {
           if (login) return RedirectToAction("Login");
           else if (register) return RedirectToAction("Register");
        }

更新

我的观点如何

<div id="mydiv">
    @using (Html.BeginForm("MultipleSubmitBtn", "MultipleSubmitBtn", FormMethod.Post, new { @Id = "Form1" }))
        {
            <table border="0">

                <tr>
                    <td colspan="2">
                    <button type="submit" id="b1" value="true"> 1 </button>
                    <button type="submit" id="b2" value="true"> 2 </button>
                    <button type="submit" id="b3" value="true"> 3 </button>
                    <button type="submit" id="b4" value="true"> 4 </button>
                    <button type="submit" id="b5" value="true"> 5 </button>

                    <input type="hidden" id="b1" value="false" />
                    <input type="hidden" id="b2" value="false" />
                    <input type="hidden" id="b3" value="false" />
                    <input type="hidden" id="b4" value="false" />
                    <input type="hidden" id="b5" value="false" />
                    </td>
                </tr>
            </table>
        }
</div>

控制器代码

public class MultipleSubmitBtnController : Controller
    {
        [HttpPost]
        public ActionResult MultipleSubmitBtn(string b1, string b2, string b3, string b4, string b5)
        {
            return View();
        }

    }

当我使用这种语法时,我得到了错误

 public ActionResult MultipleSubmitBtn(string? b1, string? b2, string b3?, string b4?, string b5?) 

请检查您的代码并告诉我为什么它不起作用。谢谢

4

3 回答 3

7

在 HTML5 中有一个名为的新属性formaction,您可以在其中更改action属性,form具体取决于单击的按钮。

<input type='submit' formaction='/home/login' value='Login'>
<input type='submit' formaction='/home/register' value='Register'>

但是,此标记在 IE9 及更早版本中无效。

编辑:扩展答案

您给出的第二个示例背后的想法是,按钮仅在被单击时才发送其值。要使操作方法起作用,您需要同时传递alogin和value。register但由于只能按下其中一个按钮,因此只会传递其中一个值。这就是为什么他添加了两个默认值为 的隐藏字段false,从而确保始终将两个参数传递给操作方法。单击的按钮将覆盖隐藏字段。

第一个变量对的名称设置为login。请注意,它被定义了两次,第一次是按钮,然后是隐藏字段。如果单击此按钮,true则将发送。如果单击另一个按钮,则不会发送该按钮的值,而是发送隐藏字段(同名)。

<button type="submit" name="login" value="true">Login</button>
<input type="hidden" name="login" value="false"/>

第二个变量对(名称为Register)以相同的方式工作。如果未单击此按钮,隐藏字段将成为“后备选项”。

<button type="submit" name="register" value="true">Register</button>
<input type="hidden" name="register" value="false"/>

只能单击其中一个按钮。如果单击注册按钮,则将使用登录的后备值。如果单击登录按钮,则将使用注册的后备值。

总共只有两个变量将被发送到动作脚本:loginregister.

如果您想在客户端解决它,您可以简单地让提交按钮使用onclick事件更改操作。

<form name="myFormName" action="Login">
  <input type="submit" value="Login" />
  <input type="submit" onclick="document.myFormName.action='Register'" value="Register" />

您需要使用 中的name属性form才能使其正常工作。

编辑 2:单击按钮时的更多信息

如果你有 5 个按钮...

<button type="submit" id="b1" value="true"> 1 </button>
<button type="submit" id="b2" value="true"> 2 </button>
<button type="submit" id="b3" value="true"> 3 </button>
<button type="submit" id="b4" value="true"> 4 </button>
<button type="submit" id="b5" value="true"> 5 </button>

...然后您单击 b3 然后只有 b3 会将其值发送回服务器。这样您就可以在服务器上轻松查看单击了哪个按钮。

如果您的服务器上有一个需要所有 5 个按钮变量的操作方法,那么您必须确保以不同的方式发送它们。原因是 MVC 尝试将传入变量与操作方法匹配,并且此操作方法需要所有 5 个按钮变量都有效。

[HttpPost]
public ActionResult LoginRegistration(string b1, string b2, string b3, string b4, string b5)
{
  ...
}

由于点击 b3 时 b1、b2、b4 和 b5 不会发送到服务器,而且由于 action 方法需要它们,所以我们必须想出另一种发送方式。

一种方法是使用与按钮同名的隐藏字段。隐藏字段总是被发送到服务器。因此,通过在按钮之后添加这些字段,我们可以确保所有 b1、b2、b3、b4 和 b5 都将某些内容发送到服务器。如果我们单击 b3,那么将使用按钮的值而不是隐藏字段。

<input type="hidden" id="b1" value="false" />
<input type="hidden" id="b2" value="false" />
<input type="hidden" id="b3" value="false" />
<input type="hidden" id="b4" value="false" />
<input type="hidden" id="b5" value="false" />

通过这种方式,上面的操作方法将起作用,因为无论用户单击哪个按钮,所有五个 b 值都将发送到服务器。

编辑3:没有隐藏字段 可以有不同的按钮,而没有发送值的后备隐藏字段。我们仍然考虑与以前相同的按钮,但名称不同。但这一次我们没有隐藏的价值。因此,如果单击按钮 3,则只有 b3=true 会发送到服务器。

<button type="submit" id="b1" value="true"> 1 </button>
<button type="submit" id="b2" value="true"> 2 </button>
<button type="submit" id="b3" value="true"> 3 </button>
<button type="submit" id="b4" value="true"> 4 </button>
<button type="submit" id="b5" value="true"> 5 </button>

为了让 action 方法在这种情况下工作,我们需要使所有字段都是可选的,以便 MVC 可以将所有/一些/无字段与传入变量匹配。它是通过写入string?而不是string在参数字段中完成的。?表示可选(实际上表示该值可以为空/null)。

[HttpPost]
public ActionResult LoginRegistration(string? b1, string? b2, string? b3, string? b4, string? b5)
{
  ...
}

因此,在这种情况下,即使仅b3=true发送而其他所有方法都未发送,此操作方法也将起作用。

于 2013-09-05T15:36:24.850 回答
2

我知道现在回答有点晚了,我仍然在试一试.... :)

我相信更复杂的方法是使用 ActionNameAttribute 和自定义 ActionMethodSelectorAttribute(派生自 ActionMethodSelectorAttribute)。这很容易实现。

如果您愿意,可以访问这些链接:http ://programersnotebook.blogspot.in/2014/02/aspnet-mvc-actionnameselector-and.html,http : //programersnotebook.blogspot.in/2014/02/aspnet-mvc -actionnameselector-and_2.html

于 2014-02-04T02:23:01.473 回答
0

html:

<input type="submit" value="Save" name="commandSave" />
<input type="submit" value="Approve" name="commandApprove" />

ASP.Net 核心控制器:

if (Request.Form.ContainsKey("commandSave")) // do saveMethod
else if (Request.Form.ContainsKey("commandApprove")) // do approveMethod
于 2019-12-16T16:10:14.647 回答