При закрытии BootstrapDialog тег html body уничтожается; пустая страница отображается - PullRequest
0 голосов
/ 23 апреля 2019

Вызов 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 ...

1 Ответ

0 голосов
/ 23 апреля 2019

На основании того, что я обнаружил, вам нужно настроить 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/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...