关闭

弹出对话框的同时保持页面的显示

275人阅读 评论(0) 收藏 举报
在CSDN上经常看到大家讨论如何在ASP.NET中用后台代码中弹出对话框的问题,一般的解决办法就是用Response.Write写一段脚本代码来弹出对话框,可问题是当对话框弹出后,页面却一片空白。这里讲述的办法就是在弹出对话框的同时保持页面的显示。(其它办法如RegisterClientScriptBlock()、RegisterStartupScript()也有一些限制,就不多说了)



【原理】

在页面上放置一隐藏控件,并在页面最后放上一段脚本代码,脚本代码检测隐藏控件的value是否为空,若不为空则弹出对话框显示信息,否则什么也不做。

后台代码在需要的时候修改隐藏控件的value,这样当页面传到用户那时,最后的脚本代码将执行并弹出对话框。



【注意事项】

1. 隐藏控件必须是HTML控件,否则javascript无法找到。

2. 后台代码要修改隐藏控件的值,隐藏控件自然得加上runat=”server” 标记。

3. 在弹出对话框后,记得把隐藏控件的value置空,否则刷新的时候又会弹出来了。

4. 脚本代码一定得放在隐藏控件的后面,否则同样找不到。



【实现】

页面代码(只列出body)

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

<asp:TextBox id="manuInput" runat="server"></asp:TextBox>

<asp:Button id="Button1" runat="server" Text="对话框"></asp:Button>

<INPUT id="passTxt" type="hidden" runat="server"><!—隐藏控件à

</form>

<script language=javascript>

if( document.all("passTxt").value!="" )

{

alert( document.all("passTxt").value );

document.all("passTxt").value=""; //这句可不能掉哟!

}

</script>

</body>

后台代码(只列出Button1的响应事件)

private void Button1_Click(object sender, System.EventArgs e)

{

passTxt.Value = manuInput.Text;

}

【效果】



【补充说明】

其实这个方法很简单,不过却很有效,你可以写一个函数showDialog(string str),然后在后台代码中任何需要的地方调用以弹出对话框。

此外,你还可以把alert换成showModelDialog(),以弹出功能更丰富,界面更漂亮的窗口。 
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:219911次
    • 积分:2947
    • 等级:
    • 排名:第12373名
    • 原创:15篇
    • 转载:274篇
    • 译文:0篇
    • 评论:20条
    最新评论