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 回答