ASP.NET MVC 3以一种形式提交多个输入

Posted 2021-03-31

我目前遇到的问题是多个操作按钮的形式相同。

第一个按钮将执行验证，而第二个按钮将保存配置文件。第三种方法可以简单地将用户重定向到页面外，但仍然需要通过控制器进行一些跟踪。最后一个按钮是删除。因为它们放在一起，我确实需要通过POST传递ModelBinding，所以不可能将它们分成多种形式。

目前，为了区分被点击的动作，我在我的表单和onclick中有一个隐藏的输入，javascript将更新隐藏的输入，以便它将被传递回控制器。

我这样做的原因是因为一些奇怪的原因，FormCollection不想保留我的提交值。我尝试通过控制器访问按钮

formCollection["verify"]

但结果证明是空的。输入提交的id和name都设置为verify。

我也尝试了许多其他的建议，如this和this但无济于事。没有使用javascript来改变隐藏的输入，有没有更好的方法解决我的问题？

答案

最好的方法是使用单独的操作来处理不同的按钮调用，如this article中所述。

如果你想做一个丑陋的动作做所有的事情，那么你可以给你的提交按钮名称：

@using (html.BeginForm())
{
    ... input fields for the model

    <button type="submit" name="btn" value="verify">Verify data</button>
    <button type="submit" name="btn" value="save">Save data</button>    
    <button type="submit" name="btn" value="redirect">Redirect</button>
}

您不需要任何隐藏字段或JavaScript。然后在您的控制器操作中，您将检查btn参数的值（显然这将是您查看模型的一部分）：

[HttpPost]
public ActionResult Foo(MyViewsModel model)
{
    if (model.Btn == "verify")
    {
        // the Verify button was clicked
    }
    else if (model.Btn == "save")
    {
        // the Save button was clicked
    } 
    else if (model.Btn == "redirect")
    {
        // the Redirect button was clicked
    } 
    else
    {
        // ??? throw
    }

    ...
}

当然，如果您遵循我的建议并将您的行动分开（如文章中所述）：

@using (Html.BeginForm("Action", "Home"))
{
    ... input fields for the model

    <input type="submit" name="verify" value="Verify data" />
    <input type="submit" name="save" value="Save data" />
    <input type="submit" name="redirect" value="Redirect" />
}

然后：

[HttpParamAction]
[HttpPost]
public ActionResult Verify(MyViewModel model)
{
    ...
}

[HttpParamAction]
[HttpPost]
public ActionResult Save(MyViewModel model)
{
    ...
}

[HttpParamAction]
[HttpPost]
public ActionResult Redirect(MyViewModel model)
{
    ...
}

这是一个更加清晰的代码，不违反单一责任原则。

另一答案

我做的事略有不同;

<input type="submit" name="submit" value="Save Draft" />
<input type="submit" name="submit" value="Publish" />

然后你可以使用;

FormCollection["submit"]

谢谢，

马特

另一答案

<input type="submit" name="nameONE" />
<input type="submit" name="nameTWO" />

            [HttpPost, ActionName("OrginalActionName")]
            [FormValueRequired("nameONE")]
            public ActionResult WhateverYouWantONE(type name)
            {
                code...
            }

            [HttpPost, ActionName("OrginalActionName")]
            [FormValueRequired("nameTWO")]
            public ActionResult WhateverYouWantTWO(type name)
            {
                code...
            }