테이블을로드하는 동안 커서를 대기 모드로 변경하는 방법

그래서 refreshTable()이라는 함수를 호출하는 새로 고침 단추를 만들었습니다. 새로 고친 테이블에는 많은 양의 데이터가 포함되어 있으므로 테이블이로드 될 때까지 커서를 대기 커서로 변경해야합니다.테이블을로드하는 동안 커서를 대기 모드로 변경하는 방법

현재 나는 버튼의 정상에를 가져 때 오히려 나는 그것을을 클릭 때보다 기다리는 커서 변경

<asp:Button ID="RefreshBtn" Text="Refresh" OnClick="refreshTable" style="cursor:wait" runat="server"/>

있습니다. 내가 뭘 잘못하고 있는거야?

감사합니다.

2013-10-09 JLYK

절대로드 시간이 cursor: wait 인 div을 추가해야합니다. 예를 들어 다음과 같은 CSS로 사업부를 추가

.wait-layer { 
    position: absolute; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    cursor: wait; 
    z-index: 100 
}

그 방법은 전체 화면 당신은 (아마 당신의 존재 refreshTable() 기능에 그것을 삽입) 자바 스크립트와 그것을 달성 할 수있는 대기 커서

2013-10-09 19:17:27

있을 것이다.

첫째, this을 추가하여 onclick에서 기능 버튼 객체를 전달합니다

<asp:Button ID="RefreshBtn" Text="Refresh" OnClick="refreshTable(this)" runat="server"/>

그리고 단순히 함수가 호출 만에 스타일 적용의

//the var btn is the button that you clicked 
refreshTable(btn){ 
//... 

btn.style.cursor = 'wait';

2013-10-09 19:18:12

불행하게도 없음을 위의 대답은 나를 위해 일했습니다. 나는 그러나 여기에 답 찾았어요 : 내 refreshTable에서 다음

this.RefreshBtn.Attributes.Add("onClick", "refreshTable()");

() 나는 추가 :

document.getElementById("RefreshBtn").style.cursor = "wait";

을, 나는 다음과 같은 라인을 추가

2013-10-10 00:43:45 JLYK

답변