jquery - 将 aspx 页面打开到模式窗口并使用它

Question

当我单击一个按钮时，我想打开一个模态窗口，在模态窗口内应该加载一个带有控件的 aspx 页面并且应该可以工作（进行回发等）。

我怎样才能做到这一点？

谢谢。

Answer 1

一种简单的方法（如果您不需要在父窗口和子窗口之间进行任何值交换）是使用带有 iFrame 的 jquery 对话框。例子：

        $("<iframe src='Modal.aspx'></iframe>").dialog({
        open: function () {
            // do something on open
        },
        // add a close listener to prevent adding multiple divs to the document
        close: function (event, ui) {
            // remove div with all data and events
            dialog.remove();
        },
        modal: true,
        resizable: false,
        show: { effect: 'fade', duration: 300 },
        hide: { effect: 'fade', duration: 300 },
        title: "Modal Page Title goes here",
        buttons: //optional
        [
            {
                text: 'Cancel',
                click: function () {
                    dialog.remove();
                }
            },
            {
                text: 'OK',
                click: function () {
                    // do something on OK
                }
            }
        }).appendTo("body");

Answer 2

您需要iframe在您正在显示的模式中使用并在 iframe 中加载您的 aspx 页面。