MVC5 从详细信息页面一键删除

Question

我从 VS MVC 5 可以创建的脚手架开始，它工作正常，但我希望能够从详细信息页面中删除记录（在本例中为“采访”）。

我首先将删除页面上删除按钮的标记复制到详细信息，但它只会重定向到详细信息操作。如何在详细信息页面上获得一个按钮来运行 DeleteConfirmed 方法？

这是来自控制器的相关代码：

public ActionResult Details(int? id)
{
    if (id == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    Interview interview = db.Interviews.Find(id);
    if (interview == null)
    {
        return HttpNotFound();
    }
    return View(interview);
}

[HttpPost, ActionName("Delete")]
[ValidateAntiForgeryToken]
public ActionResult DeleteConfirmed(int id)
{
    Interview interview = db.Interviews.Find(id);
    db.Interviews.Remove(interview);
    db.SaveChanges();
    return RedirectToAction("Index");
}

public ActionResult Delete(int? id)
{
    if (id == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    Interview interview = db.Interviews.Find(id);
    if (interview == null)
    {
        return HttpNotFound();
    }
    return View(interview);
}

这是我从删除页面复制并放入详细信息视图的标记：

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    <div class="form-actions no-color">
        <input type="submit" value="Delete" class="btn btn-danger" />
    </div>
}

---

这是我让它工作所需的标记：

@using (Html.BeginForm("Delete", "Interviews", new { id = Model.ID })) {
    @Html.AntiForgeryToken()
    <div class="form-actions no-color">
        <input type="submit" value="Delete" class="btn btn-danger" />
    </div>
}

Answer 1

您需要发布到DeleteConfirm 操作。在这里，您发布到Details 操作，因为您只使用Html.BeginForm()。你需要：

@using (Html.BeginForm("Delete", new { id = Model.Id })) {

Answer 2

您可以通过 javascript 对像这样的 onclickling 方法进行删除确认

//change input type to button to prevent form submit
<input **type="button"** onClick="deleteConfirm" value="Delete" class="btn btn-danger" />
function deleteConfirm()
{
 $.ajax({
  url: "DeleteConfirmed Action Url",
  type:"post", 
  data:{id:} 
  success: function(response) {
    //check your server side result
  }
});
}