如何在控制弹出的层的隐藏和显示?(要求客户端控制显示,服务端事件中隐藏)
如何在控制弹出的层的隐藏和显示?(要求客户端控制显示,服务端事件中隐藏)
即客户端事件中,弹出窗口,服务端事件中将弹出的窗口关闭。
我知道客户端可以通过display属性设置为none
服务端可以通过visible属性控制,但是如果服务端和客户端都可以控制,该如何操作?
[解决办法]
服务器事件不用控制,只要页面刷新,弹出层自动会消失
[解决办法]
你可以控制一个Panel(在客户端就是div)的属性
Panel.Attributes[ "style "] = "display:none ";
[解决办法]
弹出层在服务器端隐藏后就再也无法显示了,下面的跟你要求的相反,客户端隐藏,服务端显示,虽然跟你要求的有差距,但做到了客户端和服务器端都能控制。
.aspx
<head runat= "server ">
<title> 无标题页 </title>
<script>
function hide()
{
document.getElementById( ' <%=myDiv.ClientID %> ').style.display= 'none ';
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div runat= "server " id= "myDiv " style= "position:absolute;left:200;top:100 ">
<img src= " " />
</div>
<button onclick= "hide(); "> 隐藏 </button>
<asp:Button runat= "server " ID= "btn_Hide " Text= "显示 " OnClick= "btn_Hide_Click " />
</form>
</body>
</html>
-------------------------------------------
.aspx.cs
protected void btn_Hide_Click(object sender, EventArgs e)
{
this.myDiv.Visible = true;
}
[解决办法]
我可以给你一个办法,就是你利用一个hidden来存储层的是否显示信息,这样前台和后台都可以访问的到