c# - 如何在 ASP.net 中显示加载页面指示器？

Question

我需要在页面加载时显示“加载”指示器。我在页面后面的代码中从其他服务器获取数据并绑定列表视图。我没有使用更新面板，也没有通过 ajax 获取数据。那么如何在页面需要很长时间才能加载时显示“正在加载”指示器。

提前致谢。

Answer 1

You create a containing div with a loading gif in the center of it. When you start your ajax request you show it (with jquery for example) when the ajax request is done you hide it.
It could/should look something like this :
Code to show the loading indicator :

 $('#busy-holder').show();

div :

<div id="busy-holder" style="display: none">
    <div id="busy">

    </div>
</div>

css :

#busy
{
    position: fixed;
    left: 50%;
    top: 50%;
    background: transparent url("loader.gif");
    z-index: 1000;
    height: 66px;
    width: 66px;
}

#busy-holder
{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    display: none;
    filter: alpha(opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    opacity:0.3;
    -moz-opacity: 0.30; 
    z-index: 1000;
}