如何在表加载时将光标更改为等待

Question

所以我创建了一个刷新按钮，调用一个名为refreshTable（）的函数。它刷新的表包含大量数据，因此我希望光标更改为等待光标，直到表完成加载。

目前我有

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

当我悬停在按钮顶部而不是点击时，它会将光标更改为等待。知道我做错了吗？

谢谢！

Answer 1

您必须在所有内容的基础上添加div绝对定位cursor: wait，以便加载时间。 例如，使用以下css添加div：

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

这样整个屏幕就会有等待光标

Answer 2

您可以使用javascript（可能将其嵌入到现有的refreshTable()函数中）来实现它。

首先，通过添加onclick将按钮对象传递到this中的函数：

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

Answer 3

不幸的是，上面的答案都没有对我有用。然而，我确实找到了答案： http://forums.asp.net/t/1324613.aspx

所以在Page_load中，我添加了以下行：

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

然后在我的refreshTable（）中添加：

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