asp.net MVC 3 中的多个按钮单击

Question

我的 asp.net mvc 3 页面上有多个动态按钮。在 asp.net mvc 3 中处理按钮单击的最佳方法是什么？ ASP.NET 中没有事件处理，那么处理的最佳实践是什么？

Answer 1

您可以使用 javascript 通过订阅按钮的单击事件来处理按钮的单击。例如，使用 jQuery，您可以为这些按钮指定一个类，然后：

$(function() {
    $('.someClass').click(function() {
        // a button was clicked, this will point to the actual button
    });
});

或者如果这些是表单的提交按钮，您可以为它们指定相同的名称和不同的值，然后在服务器上测试名称参数的值。它的值将等于被单击的按钮。

例如，假设您有以下带有多个提交按钮的表单：

@using (Html.BeginForm())
{
    ... some input fields

    <button type="submit" name="Button" value="delete">Delete data</button>
    <button type="submit" name="Button" value="save">Save data</button>
}

现在，在您要发布到的控制器操作中，您可以确定单击了哪个按钮：

[HttpPost]
public ActionResult Index(MyViewModel model)
{
    var button = Request["button"];
    if (button == "save")
    {
        // the save button was clicked
    }
    else if (button == "delete")
    {
        // the delete button was clicked
    }

    ...
}

Answer 2

如果按钮不需要相同的表单数据，那么您可以创建两个具有不同操作方法的表单。这是最简单的解决方案。

如果您需要使用相同的表单数据，那么有多种方法，包括 Darin 和 tvanfosson 的方法。还有一种基于属性的方法，它将根据单击的按钮选择正确的操作方法。

http://www.dotnetcurry.com/ShowArticle.aspx?ID=724

Answer 3

取决于按钮的作用。如果它们在逻辑上是独立的操作，那么您可以将每个回发到服务器端的单独操作。这通常也有效，它们是同一操作的变体，“保存”与“取消”，例如，“保存”发回表单，“取消”重定向到您之前的 URL（例如，返回编辑的详细信息）。如果按钮代表将被发送回同一操作的不同数据，则可以为它们指定不同的值。如果按钮被命名，则值将与表单的其余部分一起发回（假设它们包含在表单中）。如果从 AJAX 发回，您可能需要显式序列化按钮值以及表单。

保存/取消示例

@using (Html.BeginForm())
{
   //...
   <button type="submit" class="submit-button button">Save</button>
   @Html.ActionLink( "Cancel", "details", new { ID = Model.ID }, new { @class = "cancel-button button" } )
}

然后使用 CSS，也许结合 jQuery UI 来设置按钮的样式。

<script type="text/javascript">
   $(function() {
       $('.button').button();
       ...
   });
</script>