如何隐藏UpdatePanel

一些人看了文章标题的第一反应也许是——这点破东西需要写篇文章吗? 直接UpdatePanel.Visible=false不就行了（俗话说：用屁股想想都知道，呵呵~~），我今天在实现这段代码时也是这么想的，没想到竟然报错了，UpdatePanel也没有隐藏掉。回过头来一捉摸，之所以没有效果的原因其实也不难解释，我们使用UpdatePanel的原因就是为了实现局部刷新，每一次刷新都是把UpdatePanel作为容器，既然是容器，它本身是不能动的，而让UpdatePanel不可见的另一种说法就是让UpdatePanel所生成的div从DOM中消失，既然刷新的容器都消失了，靠什么作刷新，简直就是在作白日梦~。

客户端解决方法
于是去MSDN论坛上搜了一把，确实有好几个贴子问到这个问题，但看到的回答基本都是加一段javascript，把UpdatePanel生成的div的display设置为none，这的确是一种可行的解决方式，但这种方式会造成服务器端和客户端的控件状态不统一（除非你打算自己写一段JavaScript代码更新服务器的状态），一旦作了full postback，用户有可能再次看到这个UpdatePanel。更何况，这样的隐藏代码通常要执行一些服务器端判断逻辑，都在客户端做恐怕达不到预期的效果。

提示
在ASP.NET中如果控件的Visible=false，整个控件就不会被呈现出来，即不会有任何的HTML元素（如span、div、a等）。

服务器端解决方法
首先想到的是UpdatePanel套Panel，既然没有办法自己刷新自己，那就让父UpdatePanel来刷新子Panel，从技术上讲这当然是可行的，但要注意一点，Panel所生成的div中不能有任何元素，且UpdatePanel不能设置宽度和高度。这是因为div默认情况下display为block，但如果没有宽度和高度，它就不会占据任何空间，否则就会充当占位符的角色。一旦把子Panel的Visible变成false，UpdatePanel及其子元素生成的代码如下所示：
<div id="UpdatePanel1"></div>

这就是我们需要的解决方法！