如何隐藏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>

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

你可能感兴趣的:(update)