0

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

4

4 回答 4

2

您可以使用 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); 
}
于 2009-01-28T14:08:11.030 回答
1

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

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

于 2009-01-28T14:06:17.697 回答
1

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

于 2009-01-28T14:07:48.567 回答
1 
<div class="overlay">
<img src="/...." alt="Loading" />
<div class="your_content">

</div>
</div>

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

于 2009-01-28T14:12:25.187 回答