弹出对话框的同时保持页面的显示
2007-09-29 21:45
260 查看
在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(),以弹出功能更丰富,界面更漂亮的窗口。
【原理】
在页面上放置一隐藏控件,并在页面最后放上一段脚本代码,脚本代码检测隐藏控件的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(),以弹出功能更丰富,界面更漂亮的窗口。
相关文章推荐
- 弹出对话框的同时保持页面的显示
- 弹出对话框的同时保持页面的显示
- 弹出对话框的同时保持页面的显示
- 弹出对话框的同时保持页面的显示(不变形)
- 弹出对话框的同时保持页面的显示
- 点击对话框上的按钮,实现弹出页面,页面在本界面显示?
- 弹出对话框的同时防止主页面白屏
- window.location.reload()方法刷新页面弹出要再次显示该网页对话框
- 页面刷新刷新页面时,IE弹出“要再次显示该网页....”对话框,解决办法
- window.location.reload()方法刷新页面弹出要再次显示该网页对话框
- jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变
- jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变
- 刷新页面时,IE弹出“要再次显示该网页....”对话框,解决办法
- asp.net下JS弹出系统对话框是白色或者页面错乱
- Asp.net常用语句20条.//弹出对话框.点击转向指定页面
- java中显示弹出对话框 show messagebox 利用JOptionPane类(转)
- ASP.NET 弹出对话框并跳转页面
- 关于.Net页面弹出对话框而改变CSS布局的问题
- JavaScript特效实例011-弹出全屏显示的网页模式对话框
- 1. 简单的加法计算器,用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示两个数的和。如果1或者2为错误的数据格式,则弹出对话框提示错误。