在网格视图页面索引上显示进度条

Question

我想在网格视图页面索引上显示进度条。我已经在按钮单击时显示了一个进度条。当用户从 1 更改为 2 时，我想显示相同的内容。这是我使用的模式弹出窗口：

    <asp:Panel ID="PanLoad" runat="server" CssClass="modalPopup">
        <asp:UpdatePanel ID="UpdatePanel7" runat="server">
        <ContentTemplate>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server"  DisplayAfter="0">
    <ProgressTemplate>
        <div align="center">
     <img src="Images/icon_Loading.gif" id="ImgLoading" alt="loading" runat="server" />
<br />
    </div>
</ProgressTemplate>
    </asp:UpdateProgress>
        </ContentTemplate>
        </asp:UpdatePanel>
        </asp:Panel>

我使用了一个 javascript 函数并通过单击按钮调用它。

<script language="javascript" type="text/javascript">
        function ShowModalPopup(ModalBehaviour) {
            $find(ModalBehaviour).show();
        }

        function HideModalPopup(ModalBehaviour) {
            $find(ModalBehaviour).hide();
        }        
    </script>

帮我在gridview分页上实现它。谢谢你。

Answer 1

您可以将更新面板的初始化和结束请求用作：

var prm = Sys.WebForms.PageRequestManager.getInstance();    
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);

function InitializeRequest(sender, args) {
   $find('ModalBehaviour').show();      
}

function EndRequest(sender, args) {
   $find('ModalBehaviour').hide();
}

MSDN 上关于此事件：http://msdn.microsoft.com/en-us/library/bb384136(v=vs.100).aspx