代码之家 › 专栏 › 技术社区 › Sam Cogan

.net Ajax-更新时隐藏内容

updatepanel ajax asp.net

0

Sam Cogan · 技术社区 · 16 年前

我在一个页面上有许多asp.net AJAX更新面板,可以独立刷新。我希望这样,当使用刷新按钮时,面板中的内容会被隐藏,在提取数据时只显示加载图像(数据从服务器返回需要5-10秒)。实现这一目标的最佳方式是什么?

4 回复 | 直到 16 年前

1

2

Chris Van Opstal 16 年前

您可以使用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

1

Richard L 16 年前

加载图像是否放置在与更新面板相同的位置?

如果是这样的话,就让加载面板覆盖整个更新面板。

3

1

Chris Ballance 16 年前

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

4

1

omoto 16 年前

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

</div>
</div>

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