ASP.net에서 페이지로드 표시 방법을 표시하는 방법?

Question

페이지가로드 될 때 "로딩"표시기를 표시해야합니다. 페이지 뒤의 코드에서 다른 서버의 데이터를 가져오고 목록보기를 바인딩합니다. 업데이트 패널을 사용하지 않고 아약스를 통해 데이터를 가져 오지 않습니다. 페이지를로드하는 데 오랜 시간이 걸리므로 어떻게 "로드 중"표시기를 표시 할 수 있습니까?

미리 감사드립니다.

Answer 1

로딩 GIF가있는 포함 div를 가운데에 만듭니다. 아약스 요청을 시작하면 아약스 요청이 완료되었을 때 예를 들어 jquery와 함께 표시합니다. 숨기면 요청을 숨 깁니다.
그것은/다음과 비슷한 모습이 될 것입니다 수 : 로딩 표시기를 보여
코드 :

이

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

사업부 :

이

<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; 
}