asp.net中无限制弹出模态窗口

最新推荐文章于 2022-05-13 15:28:36 发布

马立弘

最新推荐文章于 2022-05-13 15:28:36 发布

阅读量2.7k

点赞数

分类专栏： asp.net 文章标签： asp.net button server action object asp

本文链接：https://blog.csdn.net/manimanihome/article/details/4498331

版权

asp.net 专栏收录该内容

57 篇文章 0 订阅

订阅专栏

asp.net中无限制弹出模态窗口

特点：

1. 可以在模态窗口上再弹出模态窗口,不限制次数

2. 弹出窗口的支持拖放，及调整大小

3. 弹出窗口关闭后可以动态控制是否刷新父窗口

总共需要3个页面来做演示

1. 页面ModalDemo.aspx

前台代码：

function OpenDialogWithReturn(url,width,height,formID,action)

{

var retValue = window.showModalDialog( url ,null,"dialogWidth:" + width + "px;dialogHeight:" + height + "px;help:no;unadorned:yes;resizable:yes;status:no;scrollbars:yes");

if (retValue != null && retValue != undefined && retValue == "SubmitForm")

{

if(action != null && action != undefined && action.Length > 0)

{

formID.Action=action;

}

formID.submit();

}

</script>

</head>

<body>

<div>

<a href="#" onclick="OpenDialogWithReturn('ModalPage1.aspx',520,410,form1,'ModalDemo.aspx');">通过页面脚本来弹出模态窗口</a><br />

<br />

<br /><asp:Button ID="btnDetail" runat="server"

onclick="btnDetail_Click" Text="通过动态注册弹出窗口" />

 <br />

<div>

<%=DateTime.Now %>

</div>

</form>

</body>

后台代码：

protected void btnDetail_Click(object sender, EventArgs e)

{

this.ClientScript.RegisterStartupScript(this.GetType(), "", "OpenDialogWithReturn('ModalPage1.aspx',520,410,form1,'ModalDemo.aspx');", true);

}

2．第二个页面ModalPage1.aspx

前台代码：

<title>第一个模态窗口</title>

function OpenDialogWithReturn(url,width,height,formID,action)

{

var retValue = window.showModalDialog( url ,null,"dialogWidth:" + width + "px;dialogHeight:" + height + "px;help:no;unadorned:yes;resizable:yes;status:no;scrollbars:yes");

if (retValue != null && retValue != undefined && retValue == "SubmitForm")

{

if(action != null && action != undefined && action.Length > 0)

{

formID.Action=action;

}

formID.submit();

}

</script>

</head>

<div>

通过页面脚本来弹出模态窗口</a>

<br />

<asp:Button ID="Button1" runat="server" Text="通过动态注册脚本来弹出模态窗口"

OnClick="Button1_Click" />

<br />

<asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" Text="确定" />

<br />

<div>

<%=DateTime.Now %></div>

</div>

<asp:Button ID="Button2" runat="server" Text="添加" />

</form>

</body>

后台代码：

//弹出新的模态窗口

protected void Button1_Click(object sender, EventArgs e)

{

this.ClientScript.RegisterStartupScript(this.GetType(), "", "OpenDialogWithReturn('ModalPage2.aspx',500,400,form1,'ModalPage1.aspx');", true);

}

//关闭当前窗口，并刷新父页面

protected void btnOK_Click(object sender, EventArgs e)

{

this.ClientScript.RegisterClientScriptBlock(this.GetType(), "", "window.returnValue='SubmitForm';window.close();", true);

}

2. 第三个页面ModalPage2.aspx

前台代码：

<title>第二个模态窗口</title>

</head>

<div>

<asp:Button ID="Button1" runat="server" Text="ok" OnClick="Button1_Click" />

</div>

<div>

<asp:Button ID="Button2" runat="server" Text="添加" />

</div>

<br />

<div>

<%=DateTime.Now %></div>

</form>

</body>

后台代码：

//关闭当前窗口，并刷新父窗口

protected void Button1_Click(object sender, EventArgs e)

{

this.ClientScript.RegisterClientScriptBlock(this.GetType(), "", "window.returnValue='SubmitForm';window.close();", true);

}

马立弘

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
asp.net中无限制弹出模态窗口

asp.net中无限制弹出模态窗口特点：1. 可以在模态窗口上再弹出模态窗口,不限制次数2. 弹出窗口的支持拖放，及调整大小3. 弹出窗口关闭后可以动态控制是否刷新父窗口总共需要3个页面来做演示1. 页面ModalDemo.aspx前台代码：head runat="server"> title
复制链接

扫一扫