我怎样才能制作一个 Ajax 动作链接来调用引导框对话框？

Question

我的 MVC 视图页面中有一个包含 for 循环的 table。每行都有一个包含以下内容的删除按钮：

@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

        }
    });
});

如有任何帮助，我们将不胜感激。

Answer 1

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

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

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

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

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

我怎样才能制作一个 Ajax 动作链接来调用引导框对话框？

How can I make an Ajax Actionlink to call a bootbox dialog?

ajax

twitter-bootstrap

model-view-controller

bootbox