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

C# 在网格视图页面索引上显示进度条,c#,javascript,asp.net,gridview,progress-bar,C#,Javascript,Asp.net,Gridview,Progress Bar,我想在网格视图页面索引上显示进度条。我已经在点击按钮时显示了一个进度条。我想在用户从1更改为2时显示相同的内容。这是我使用的模式弹出窗口: <asp:Panel ID="PanLoad" runat="server" CssClass="modalPopup"> <asp:UpdatePanel ID="UpdatePanel7" runat="server"> <ContentTemplate> <asp

我想在网格视图页面索引上显示进度条。我已经在点击按钮时显示了一个进度条。我想在用户从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>

功能显示ModalPopup(ModalBehaviour){
$find(ModalBehaviour.show();
}
函数HideModelPopup(ModalBehaviour){
$find(ModalBehaviour.hide();
}        

帮助我在gridview页面上实现它。谢谢

您可以使用更新面板的初始化和结束请求,如下所示:

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上的此事件:

但它对gridview分页有何帮助?你能给我解释一下吗。我想在gridview页面上设置进度条。谢谢。@Anu当您尝试更改页码时,将调用InitializeRequest,当页面完成并获得结果时,将调用EndRequest。此函数存在于UpdatePanel中