DataGrid 상하 페이지 loading 효과 클릭
1 function showtbloading() {
2 var target = $("#GridView1");
3 if (target.length <= 0) {
4 $("#tbloading").width($(window).width());
5 $("#tbloading").height($(window).height());
6
7 } else {
8 $("#tbloading").width(target.width());
9 $("#tbloading").height(target.height());
10 $("#tbloading").css("left", target.offset().left + "px");
11 $("#tbloading").css("top", target.offset().top + "px");
12 }
13 $("#tbloading").find("div").eq(0).css("top", ($("#tbloading").height() - 32) / 2);
14 $("#tbloading").show();
15 }
16 function hidetbloading() {
17 $("#tbloading").hide();
18 }
html 로 딩 효과 div 추가
<div id="tbloading" style="position: absolute; top: 0px; left: 0px; filter: Alpha(opacity=50);
-moz-opacity: 0.5; opacity: 0.5; background: #777; background-color: White; z-index: 1000;
display: none;">
<div style='width: 32px; height: 32px; left: 50%; position: relative; text-align: center;'>
<center>
<img src='/pic/Rotate.gif' alt="" /><br />
<span style='font-size: 13px; font-weight: bolder; width: 100%; text-align: center;'>
</span>
</center>
</div>
</div>
js 등록 이벤트
1 Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(PageLoadingHandler);
2 function PageLoadingHandler(sender, args) {
3 showtbloading();
4 }
5 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(EndRequest);
6 function EndRequest(sender, args) {
7 hidetbloading();
8 }
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.