Question

我正在研究这个问题，但我不知道如何解决这个问题。任何人都可以帮忙吗？

问题是我有两个应用程序，虽然将应用程序集成在一起页面不能按预期工作。个别地，他们工作正常。

问题出现了，我正在尝试在第一个应用程序Jquery对话框中加载第二个应用程序页面。 所有内容都已加载，但css和jquery无法正常工作。

第二个应用程序是Asp.net mvc应用程序，在那里我们返回总的html页面而不是razor视图。

我附上以下代码。

 <div style="display: none; background-color: White; width: 100%; height: 
90%; border: 0px;
        margin-left: 0px !important; overflow: hidden; background-color: rgb(255, 255, 255);"
        id='approvalRulePopup'>

    </div>


$.ajax({
    type: "POST",
    url: pData.URL,
    data: pData,
    dataType: "text",
    timeout: "60000",
    error: function (XMLHttpRequest, textStatus, errorThrown) {

        $.unblockUI();

        if (textStatus == 'timeout')
            $.prompt(hashtable["consTimeoutError"].toString());

        if (textStatus == "error" && eval(XMLHttpRequest).responseText == "")
            $.prompt(hashtable["consTimeoutError"].toString());

    },
    success: function (data) {
        $('#approvalRulePopup').empty();
        $('#approvalRulePopup').html(data);
        $.unblockUI();
    },
    complete: function () {

    }
});

Answer 1

经过这么多天的努力，我使用iframe post解决了这个问题。

Html代码：

<div style="display: none; background-color: White; width: 100%; height: 90%; border: 0px;
    margin-left: 0px !important; overflow: hidden; background-color: rgb(255, 255, 255);"
    id='divPopup'>
    <form id="formPopup" method="post" style="display: none;" target="Iframeone"
    action="">
    </form>
    <iframe src="" id="Iframeone" name="Iframeone" style="width: 97%; height: 90%; position: absolute;
        min-height: 540px;"></iframe>
</div>

Jquery代码：

  function ProcessIFrameByPost(pData) {

// Pdata = Json data

// Getting the window height and width

var wWidth = $(window).width();
var dWidth = wWidth * 0.95;
var wHeight = $(window).height();
var dHeight = wHeight * 0.80;

// Creating jquery dialog

if (!$("#divPopup").hasClass("ui-dialog-content")) {

    $("#divPopup").dialog({
        autoOpen: false,
        modal: true,
        width: dWidth,
        height: dHeight,
        position: "center",
        enableMaximize: true,
        open: function (ev, ui) {
            ev.preventDefault();

        }
    });
}

 // Clearing previous data

$('#formPopup').html('');
$('#Iframeone').html('');

 // adding the action URL
$('#formPopup').attr("action", pData.URL);

// Appending the data to form 

for (var key in pData) {
    if (pData.hasOwnProperty(key)) {
        var hiddenField = document.createElement("input");
        hiddenField.setAttribute("type", "hidden");
        hiddenField.setAttribute("name", key);
        hiddenField.setAttribute("value", pData[key]);

        $('#formPopup').append(hiddenField);
    }
}

$('#divPopup').dialog('open');

$('#formPopup').submit();
}

Css和Jquery在对话框中无法正常工作

1 个答案: