윈도우의 스피너

노드가있는 트리 뷰와 서브 노드가있는 창이 있습니다. 하위 노드/노드를 복사하여 다른 노드에 붙여 넣으려고하면 창이 응답하지 않는 경향이 있습니다. 붙여 넣기가 완료되면 대상 붙여 넣기가 새로 고쳐집니다. 이 기능은 다음과 같이 수행됩니다.윈도우의 스피너

이제 트리 뷰가있는 창이 흐리게 표시되고 붙여 넣기가 완료 될 때까지 회 전자를 표시하는 복사 및 붙여 넣기 사이에 회 전자를 표시 할 수 있습니까? 어떤 도움을 주셔서 감사합니다.

$.ajax({ 
    type: 'POST', 
    url: '/test.aspx', 
    data: data, 
    success: function(result) { 
     refresh(id); 
     if (result != "SUCCESS") alert("Copy failed"); 
     else { 
      alert("Successfully Copied"); 
     } 
    } 
});

출처

2012-06-28 Len Smith

$("#divProgress").html("<img src='yourImg.gif' alt='loading..' />").fadeIn(100,function(){ 

    $.ajax({ 
    type: 'POST', 
    url: '/test.aspx', 
    data: data, 
    success: function(result) { 
     $("#divProgress").fadeOut(300,function(){ 
       refresh(id); // not sure what this does!!! ...?? 
       if (result != "SUCCESS") 
       { 
       alert("Some error!"); 
       } 
       else 
       { 
       alert("Successfully Copied"); 
       } 
     }); 
    } 
    }); 

});

divProgress 가정은 사업부입니다 yourImg.gif이다. 시나리오에 따라 이미지 경로를 변경해야 할 수 있습니다.

출처

2012-06-28 16:15:19 Shyju

감사합니다. 그러나 페이드 인과 페이드 아웃은 작동하지 않습니다. 붙여 넣기시 회 전자가 시작되고 붙여 넣기가 완료 되더라도 계속 표시됩니다. –

@ LenSmith : fadout이 If 조건 밖에 있어야한다고 생각합니다. 나는 그 대답을 업데이트했다. 그것을 시도하십시오 – Shyju

죄송하지만 여전히 작동하지 않습니다. 붙여 넣기가 완료되면 창의 내용이 표시되지 않습니다. –

당신은이에 대한 ajaxSend 및 ajaxComplete 사용할 수 있습니다 - 전송에 보여, 전체에 제거합니다.

$("#Loadstatus").bind("ajaxSend", function() { 
    $(this).text(loadingMessage); 
    $(this).show(); 
}).bind("ajaxComplete", function() { 
    $(this).hide(); 
});

당신이 동안 목표 나무에 등을 오버레이를 추가하거나 사라질 수 ... 아마도 몇 가지 텍스트 등을 추가하여 CSS를 사용하여 회 전자 그래픽 배경 요소 만들기 이벤트 ...

출처

2012-06-28 16:12:33

필요한 기능을 구현하는 한 가지 방법은 숨겨진 <div> 태그를 사용하는 것입니다. 회색 & 당신이로드하는 동안 회색으로 할 영역을 커버 높은 수준의 투명성과

사업부 :이 작업을 완료하는 데 2 명 div가 필요합니다.
div. 회전하는 gif 이미지가 포함되어 있습니다.

이제 섹션을로드 할 때 양쪽 div의 CSS 가시성을 반전하고로드가 완료되면 가시성을 다시 되돌립니다. 당신이로드 이미지와 회전 이미지 이름을 표시 할 위치

~ 짜잔

출처

2012-06-28 16:13:04 blearn

윈도우의 스피너

답변

관련 문제