如何制作 Ajax Actionlink 来调用引导框对话框？答案

【问题标题】：How can I make an Ajax Actionlink to call a bootbox dialog?如何制作 Ajax Actionlink 来调用引导框对话框？
【发布时间】：2015-07-08 22:04:19
【问题描述】：

我的 MVC 视图页面中有一个包含 for 循环的表。每行都有一个删除按钮，其中包含：

@Ajax.ActionLink("Delete", "DeleteRecord", new { id = item.Id }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "divlist" }) |

它工作得很好，但我想实现一个确认对话框。我发现 bootbox 可用于模态确认对话框，但我只是不确定如何实现：

// 1. When this is clicked, confirm
<a class="alert" href="#">Delete</a>

<script>
$(document).on("click", ".alert", function (e) {
    bootbox.confirm("Are you sure?", function (result) {
        if (result == true) {

            // 2. Do what ActionLink does depending on the ID

        }
    });
});

任何形式的帮助都将不胜感激。

【问题讨论】：

标签： ajax twitter-bootstrap model-view-controller bootbox

【解决方案1】：

AjaxOptions() 有一个“确认”选项，您可以在其中设置确认消息。

AjaxOptions Opts = new AjaxOptions()
{
    Confirm = "Are you sure?"        
}

但如果您想集成自定义模式，则不应使用 Ajax.ActionLink。只需创建一个链接或@Url.Action 并设置监听器。

$('.class').click(function () {
    //open modal
    //if clicked yes
    $.ajax({
       ...
    });
});

或者尝试使用 AjaxOptions 的 OnBegin 属性并将其设置为模态窗口逻辑。如果他们拒绝确认，则返回 false。

【讨论】：