如何将.aspx页面渲染成MVC中的模态

本文关键字:MVC 模态 aspx | 更新日期: 2023-09-27 18:04:06

我需要一种方法来打开MVC模式与内部WebForm .aspx页面。我试着用JavaScript在新窗口中打开。aspx .

window.open("Test.aspx", "Test", "width=800, height=600");

它可以工作,但是对于我的项目的设计,我想让它在一个模态

我想在控件中渲染.aspx,并通过AJAX调用将结果字符串传递给JavaScript…

但是我不知道如何…

如何将.aspx页面渲染成MVC中的模态

你应该能够渲染它作为一个部分与@Html.Partial("Test")(如果使用Razor)。我不确定,虽然因为我们不知道更多关于你的应用程序的架构。更多关于局部的信息:MVC局部

你可以做你想做的事。只需通过ajax加载所需页面的内容,并使用jquery在模态对话框中显示它。

在页面上创建一个ID为"dialog"的div,然后添加如下脚本:

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        title: "WhateverPageTitleYouWant",
        buttons: {
            Close: function () {
                $(this).dialog('close');
            }
        }
    });
    $("#ElementKickingThingsOff").click(function () {
        $.ajax({
            type: "GET",
            url: "Test.aspx",
            success: function (pageContents) {
                $("#dialog").html(pageContents);
                $("#dialog").dialog("open");
            }
        });
    });
});