Question

我试图创建一个使用不同形式的动作的按钮。在Edit页面中，我希望用户可以选择单击按钮来运行Delete操作。这样我就可以不再需要Delete视图了。

这是我的按钮：

<input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:Green; color: white" />

我尝试了一些事情：

@using (Html.BeginForm("Delete", "GroupsController", routeValues: new { id = Model.GroupId }, method: FormMethod.Post)){
<input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:green; color: white" />}

这使用表单的默认Edit操作;用

包装

<form action="~/Views/Groups/Delete.cshtml" method="post"></form>

也不起作用，我也尝试了onclick事件但没有成功我认为BeginForm由于某种原因没有得到认可。

这是我的操作代码，我试图传递Model.GroupId：

// POST: AspNetGroups/Delete/5
[HttpPost, ActionName("Delete")]
[ValidateAntiForgeryToken]
public ActionResult DeleteConfirmed(int id)
{
    AspNetGroup aspNetGroup = db.AspNetGroups.Find(id);
    db.AspNetGroups.Remove(aspNetGroup);
    db.SaveChanges();
    return RedirectToAction("Index");
}

以下是我观点的相关部分：

@model ContactManager.Models.AspNetGroup
...
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    <div class="form-horizontal">
    ...
        <div id="myModal" class="modal">
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>Delete Group</h2>
                </div>
                <div class="modal-body">
                    <p>You are about to delete group placeholder.</p>
                    <p>Are you sure you want to delete it?</p>
                </div>
                <div class="modal-footer">
                    <form action="~/Views/Groups/Delete.cshtml" method="post">
                        <input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:green; color: white" />
                    </form>
                    <input type="button" id="noBtn" value="No" class="btn btn-default" style="float:left; background-color:red; color: white" />
                </div>
            </div>
        </div>
        ...
    </div>
}

Answer 1

在html中使用表单内的表单是无效的。通过单击“删除”按钮，您可以提交由Html.BeginForm（）帮助程序呈现的外部表单。因此，您应该将删除按钮作为链接，或将此内部表单放在外部表单之外。

HTML按钮无法使用其他操作

1 个答案: