.NET阿贾克斯 - 上更新

Question

隐藏内容我有一个页面上的一些asp.net AJAX更新面板，可以刷新independantley。我想它，以便使用刷新按钮时，在面板中的内容被隐藏，只加载图像显示，同时数据被取出（它需要5-10秒的数据来从服务器返回）。达到此目的的最佳方法是什么？

Answer 1

您可以使用JavaScript来隐藏/显示的RequestHandler的开始和结束的功能面板：

var panel = new Sys.UI.Control($get("myUpdatePanel")); 

function beginRequestHandler(sender, args) {    
    panel.set_visible(false); 
} 

function endRequestHandler(sender, args) { 
    panel.set_visible(true); 
} 

Answer 2

被放置在相同的位置的UpdatePanel加载图像？

如果那的情况下才使装载板覆盖整个的UpdatePanel。

Answer 3

使用CSS“显示”属性设置为none同时装载，并设置回“内联”或“块”当你的值从AJAX面板返回。

Answer 4

<div class="overlay"> 
<img src="/...." alt="Loading" /> 
<div class="your_content"> 

</div> 
</div> 

您可以设置your_content的z-index的重视不足覆盖的z-index你会得到完整的事件 后，你可以将所有值设置为默认范围。