.net Ajax - 在更新时隐藏内容答案

【问题标题】：.net Ajax - hiding content on update.net Ajax - 在更新时隐藏内容
【发布时间】：2009-01-28 13:54:11
【问题描述】：

我在一个页面上有许多 asp.net AJAX 更新面板，可以独立刷新。我希望它在使用刷新按钮时隐藏面板中的内容，并且在获取数据时仅显示加载图像（从服务器返回数据需要 5-10 秒）。实现这一目标的最佳方法是什么？

【问题讨论】：

【解决方案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); 
}

【讨论】：

【解决方案2】：

加载图像是否与更新面板放置在同一位置？

如果是这样的话，只需让加载面板覆盖整个更新面板。

【讨论】：

【解决方案3】：

在加载时使用 CSS 将“display”属性设置为 none，并在从 AJAX 面板返回值时将其设置回“inline”或“block”。

【讨论】：

【解决方案4】：

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

</div>
</div>

您可以将 your_content 的 z-index 设置为小于覆盖 z-index 的值获得完整事件后，您可以将所有值设置为默认范围。

【讨论】：