Можете ли вы сделать так, чтобы уже существующая страница ASPX модально отображалась на другой странице?

Question

Я надеюсь, что вы можете помочь с этой проблемой. У меня есть две страницы, страница A содержит таблицу информации из базы данных SQL, страница B позволяет пользователям создавать новые записи. Я хочу иметь кнопку, которая отображает страницу B модально, а не перенаправлять пользователя. Можно ли это сделать?

Answer 1

Конечно, есть много способов, одним из которых является jQuery Диалог пользовательского интерфейса .

Сначала убедитесь, что вы загрузили jQuery пользовательский интерфейс на своей странице:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />

<script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

Затем на странице A:

<p><input type="button" class="button" value="Modal" /></p>

<script type="text/javascript">

    $('.button').click(function () {
        var page = "PageB.aspx";

        var d = $('<div></div>')
            .html('<iframe src="' + page + '"></iframe>')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 350,
                width: 250,
                title: "Some title"
            });

        d.dialog("open");
    });
</script>