我需要在MVC中点击动作链接时打开弹出窗口。它工作正常。 主页(超链接) - >打开一个div作为弹出窗口(第一个弹出窗口)(超链接) - >打开另一个弹出窗口(第二个弹出窗口)
一切正常,我的问题是点击第二个弹出窗口中的按钮它应该关闭第二个弹出窗口并返回第一个弹出窗口(它应该显示为弹出窗口而不是新窗口)
我试过了windows.open和windows.location。它是在新选项卡中打开,或者第二个弹出窗口没有关闭,页面中有很多弹出窗口。
有什么方法可以解决这个问题吗?
更新:
打开弹出窗口的主页面代码: Javasript:
$(function () {
$('#CreateLink').click(function () {
debugger;
$.get(this.href, function (result) {
debugger;
var div = $("#DivToAppendPartialView");
div.load("/ControllerName/PopUp1", { Param1: ""});
div.dialog({
modal: true,
width: 550,
height: 500,
title: "Add New",
resizable: false,
close: function (event, ui) {
location.reload();
}
});
});
return false;
});
});
I have a empty div in Main Page:
@Html.ActionLink("Create","Create","ControllerName",new {@id="CreateLink"})
<div id="DivToAppendPartialView">
在第一个弹出窗口中,我有以下代码打开第二个PopUp 空div
<div id="DivAddlFields" style="overflow: hidden;"></div><a href="#"id="CreateAddlField">Add Fields</a>
使用Javascript:
$(function () {
$('#CreateAddlField').click(function () {
debugger;
var Param3 = "CreateNewRule";
var Param2 = $("#Param1").val();
debugger;
var div2 = $("#DivAddlFields");
div2.load("/ControllerName/PopUp2", { Param1: 0, Param2: Param2, Param3: Param3 }),
div2.dialog({
modal: true,
width: 600,
height: 600,
title: "Add Fields",
resizable: false,
close: function (event, ui) {
location.reload();
}
});
});
});
This opens the second PopUp.
In Second Pop i have this button, on click of this button i want to close the second popup and open the first popup
<input type="button" value="Add" onclick="AddFields()" id="btnAddFields" />