C#确认删除对话框

Question

在乞讨的时候，我想为我糟糕的英语水平道歉。我使用MVC和Entity Framework创建web应用。当用户尝试从表中删除记录时，我想创建一个自定义的确认对话框。当我使用标准确认对话框"return confirm('Are you sure?')“时，确认起作用。但我想使用一个自定义的确认对话框，比如bootstrap的甜蜜警报或类似的东西。

Controller中的Delete方法：

        [HttpPost]
    [ValidateAntiForgeryToken]
    [Authorize]
    public ActionResult Delete(int id)
    {
        DiabeticControl diabeticControl = db.DiabeticControls.Find(id);
        db.DiabeticControls.Remove(diabeticControl);
        db.SaveChanges();
        return RedirectToAction("Index");


    }

视图中的表格：

 @foreach (var item in Model)
{
        <tr>
            <td>@Html.DisplayFor(modelItem => item.Result)</td>
            <td>@Html.DisplayFor(modelItem => item.Time)</td>
            <td>
                <div class="form-group">
                    @using (Html.BeginForm("Delete", "DiabeticControls",  new { id = item.Id }))
                    {
                            @Html.AntiForgeryToken()
                            @Html.ActionLink("Edit", "Edit", new { id = item.Id }, new { @class = "btn btn-default xs-margin" })
                            @Html.ActionLink("Details", "Details", new { id = item.Id }, new { @class = "btn btn-default xs-margin" })
                            <button type="submit" class="btn btn-danger xs-margin delete" >Delete</button>

                    }
                </div>
                @{
                    ViewBag.Key = item.Id;
                 }


            </td>

            <td>@Html.HiddenFor(modelItem => item.UserId)</td>
        </tr>
    }

我在：enter link description here中发现了一个简单的问题，但它在我的项目中不起作用。

和我的JavaScript：

@节脚本{

<script type="text/javascript">

    $(function () {

        $('.delete').on('click', function (e, data) {
            if (!data) {
                handleDelete(e, 1);
            } else {
                window.location = $(this).attr("@Url.Action("DiabeticControls")");
            }
        });

    });


    function handleDelete(e, stop) {
        if (stop) {
            e.preventDefault();
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover the delaer again!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete!",
                closeOnConfirm: false
            },
            function (isConfirm) {
                if (isConfirm) {
                    swal("Deleted", "", "success");
                    $('.delete').trigger('click', {});
                }
                else {
                    swal("Cancelled", "", "error");
                }
            });
        }
    };





</script>

}

Answer 1

好的，非常感谢你的帮助，但我找到了解决方案。问题出在我附加的库中。我将其替换为不同版本的jquery.js、sweetalert.css和sweetalert.js，并根据这篇文章中的解决方案自定义了我的JavaScript：enter link description here

我的JavaScript：

@节脚本{

<script type="text/javascript">

    $(document).ready(function () {

        $('.delete').on('click', function (e, data) {
            if (!data) {
                handleDelete(e, 1);
            } else {
                window.location = $(this).attr('href');
            }
        });



    });


    function handleDelete(e, stop) {
        if (stop) {
            e.preventDefault();
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover the delaer again!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete!",
                closeOnConfirm: false
            },
            function (isConfirm) {
                if (isConfirm) {
                    $(e.target).trigger('click', {});
                }
            });
        }
    };





</script>

}