2017-06-27 24 views
0

我试图创建一个按钮,它将使用不同形式的动作。从Edit页面,我希望用户可以选择单击按钮来运行Delete操作。这样我可以删除对Delete视图的需求。HTML按钮不能使用不同的动作

这里是我的按钮:

<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> 
} 
+0

确定控制器名称是GroupsController? '控制器'通常被省略。 – Nico

+0

@Nico我认为你是对的!但是它并没有解决我的问题(更改后,'Delete'按钮仍然使用'Edit'操作)。谢谢你的帮助。 –

回答

0

这不是有效使用内部表格形式在html中。通过点击'删除'按钮,您可以提交由Html.BeginForm()助手呈现的外部表单。因此,您应该将删除按钮作为链接,或者将外部窗体放在外部窗体之外。

+0

非常感谢,经过一番调查,我开始认为情况确实如此,但是您确认了这一点。感谢帮助,特别是建议。 –