Question

调用BootstrapDialog.Show。单击唯一的“确定”按钮关闭对话框后，将显示空白页面。

检查浏览器（Chrome）中的代码，我看到在调用BootstrapDialog.Show时，body标签获得了class ='modal-open'。在引导对话框中单击“确定”按钮后，对话框关闭，并且html标记已从页面中删除。 _Layout.cshtml仅保留Header标签。

我希望停留在打开引导对话框的原始页面上！

更多信息<<< / p>

简而言之，我有一个index.cshtml页面，该页面打开了部分视图。在此局部视图中，有一个按钮，一旦单击该按钮，它将运行一些javascript检查某些内容并在必要时调用引导对话框作为警报。在关闭对话框之前，此方法效果很好。

以下是调用引导对话框的javascript：

$('#btnEdit').click(function () {
        btnClicked = "edit";
        var grid = $('#gridContactList').data('kendoGrid');
        var selectedContact = grid.selectedKeyNames();

        if (!selectedContact.length) { selectedContact = 0; }

        if (selectedContact == 0) {
            //alert("Please select a contact to edit!");
            var message = "Please select a contact to edit!";
            //alert(message);               
            BootstrapDialog.show({
                type: "type-warning",
                title: "Warning!",
                message: message,
                autodestroy: true,
                buttons: [
                    {
                        label: 'OK',
                        action: function (dialogRef) {
                            dialogRef.close();
                        }
                    }
                ]
            });
            return;
        }

        $("#winContactSummary").data("kendoWindow").center(true).open();
     })

此BootstrapDialog由nakupanda编写...

Answer 1

根据我发现的内容，您需要设置HTML以具有正确的类布局如果您提供HTML或其中的示例，则符合上述情况的某些方法应该可以工作

        <div class="modal-content">
            <div class="modal-header">
                <div class="bootstrap-dialog-header">
                    <div class="bootstrap-dialog-close-button" style="display: block;"><button class="close">×</button></div>
                    <div class="bootstrap-dialog-title" id="2a6beb12-e208-4c63-8ffc-760a4040deb7_title">Say-hello dialog</div>
                </div>
            </div>
            <div class="modal-body">
                <div class="bootstrap-dialog-body">
                    <div class="bootstrap-dialog-message">Hi Apple!</div>
                </div>
            </div>
            <div class="modal-footer" style="display: none;">
                <div class="bootstrap-dialog-footer"></div>
            </div>
        </div>

上面的示例HTML来自这里 https://nakupanda.github.io/bootstrap3-dialog/

在BootstrapDialog关闭时，html主体标签被破坏；呈现的空白页

1 个答案: