以模态形式返回视图

Question

我正在尝试从前一个模态的控制器发布操作中返回一个模态。我遇到的问题是部分视图没有呈现为模态。我能找到的所有文档都是指从按钮打开模式，但是我的模式是有条件的，所以我希望控制器处理是否加载模式/要加载哪个模式

部分视图的一部分，我返回包含模式的视图

return PartialView("_AccountUpdateSuccess");

我的观点

<div class="modal fade" tabindex="-1" role="dialog" id="updateSuccess">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Success!</h4>
            </div>
            <div class="modal-body">
                <p class="text-success">@ViewBag.Account has been updated successfully!</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<script type="text/javascript">
    $(document)
        .ready(function() {
            $("#updateSuccess").modal('show');
        });
</script>

Answer 1

您必须将 javascript 添加到 parent 视图中，作为 ajax 函数的回调，而不是在局部视图中。原因是 ajax 调用添加的脚本标签不会自动运行。

Answer 2

我这样做的方法是将响应插入到一个空的 div 中，您可以将它放在其中，例如，在共享布局的底部。我在返回PartialView 时使用此方法，没有任何问题。

然后我使用这个脚本来加载一个模态：

$.ajax({
    type: "POST",
    url: "/Controller/ActionWhichReturnsAPartialView",
    success: function (data) {
        $(".modal-backdrop").remove(); // I have to do this hack just in case of a modal calling another modal and to avoid some display issues with the overlayed background
        $("#temp").html(data); // #temp is the empty div
        $("#myModal").modal("show"); // myModal is the root div id of the html result
    }