在網格視圖頁面索引上顯示進度條

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/zh-cn/library/bb384136( v= vs.100).aspx