Question

我在页面上有一些asp.net AJAX更新面板，可以刷新unpendantley。我希望这样当使用刷新按钮时，面板中的内容被隐藏，并且只有在获取数据时才显示加载图像（数据从服务器返回需要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位于同一位置？

如果是这种情况，只需使加载面板覆盖整个更新面板即可。

Answer 3

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

Answer 4

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

</div>
</div>

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

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

4 个答案: