asp.net - 在 gridview 上显示进度 img

Question

我想在 GridView 执行某些操作时显示进度图像。当我单击 GridView 的更新 linkbtn 时。我在代码隐藏中编写了一些代码，这需要一些时间同时，我想显示进度图像 OVER GridView 以通知用户正在执行某些操作。进度图像应覆盖 GridView 的整个大小。如何才能实现这一目标？

示例代码:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div style="background-color:Gray">
            <div>
                <asp:GridView ID="GridView1" runat="server">
                </asp:GridView>
            </div>
            <div style="position:absolute;">
                <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                    <ProgressTemplate>
                        <img id="imgProgress" src="loading.gif" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </div>
        </div>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    </ContentTemplate>
</asp:UpdatePanel>

Answer 1

使用Sys.WebForms.PageRequestManager .

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args)
{
   //show a busy modal
}
function EndRequestHandler(sender, args)
{
   //hide the busy modal
}