关闭BootstrapDialog,html body标签被破坏;空白页面呈现

问题描述 投票:-1回答:1

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

检查浏览器(Chrome)中的代码,我看到在调用BootstrapDialog.Show时,body标签获得了class ='modal-open'。在引导程序对话框中单击“确定”按钮后,对话框将关闭并从页面中删除html标记。只有Header标记留在_Layout.cshtml上。

我希望留在打开引导程序对话框的原始页面上!

更多信息<<

简而言之,我有一个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编写的......

javascript asp.net-mvc bootstrap-dialog
1个回答
0
投票

基于我发现你需要设置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/

© www.soinside.com 2019 - 2024. All rights reserved.