如何更改光標以等待表加載

所以我創建了一個刷新按鈕，調用一個名爲refreshTable（）的函數。它刷新的表包含大量的數據，所以我希望遊標更改爲等待遊標，直到表完成加載。如何更改光標以等待表加載

目前我有

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

這將光標變爲等待的時候我懸停在按鈕的頂部，而不是當我點擊上它。任何想法我做錯了什麼？

謝謝！

2013-10-09 JLYK

您將不得不添加一個div絕對定位與cursor: wait在所有的時間加載發生的頂部。例如添加一個div下面的CSS：

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

這樣，整個屏幕都會有等待光標

2013-10-09 19:17:27

您可以用JavaScript實現它（可能它嵌入到你的存在refreshTable()功能）。

首先，通過增加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

遺憾的是沒有的上面的答案爲我工作。然而，我卻在這裏找到了答案： http://forums.asp.net/t/1324613.aspx

所以在Page_Load，我增加了以下線路：

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

然後在我refreshTable（）我說：

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

2013-10-10 00:43:45 JLYK

回答