2017-09-02 62 views
1

我有一個小的JavaScript和CSS文件請稍等momnet裝載機在JavaScript,CSS,

<style type="text/css"> 
    .LockOff 
    { 
     display: none; 
     visibility: hidden; 
    } 
    .LockOn 
    { 
     display: block; 
     visibility: visible; 
     position: absolute; 
     z-index: 999; 
     top: 0px; 
     left: 0px; 
     width: 105%; 
     height: 105%; 
     background-color: #fff; 
     text-align: center; 
     padding-top: 20%; 
     filter: alpha(opacity=100); 
     opacity: 0.80; 
    } 
</style> 


<script type="text/jscript"> 
    function skm_LockScreen() { 
     var lock = document.getElementById('skm_LockPane'); 
     if (lock) 
      lock.className = 'LockOn'; 
    } 

</script> 



    <div id="skm_LockPane" class="LockOff"> 
    <asp:Image ID="img1" runat="server" ImageUrl="~/image/default.gif" /> 
    <br /> 
    Please wait a moment... 
</div> 

這是我的CSS,JavaScript和檔位已到最後,最後按鈕單擊想要使用此功能它調用這個Javascript函數。

<asp:Button ID="btnGenerateReport" runat="server" Text="Generate Report"OnClick="btnGenerateReport_Click" OnClientClick="javascript:skm_LockScreen()" ToolTip="Click here to generate the report." /> 

我的問題是,如果我使用這個沒有UpdatePanel的按鈕,它工作正常。 但如果我用這個按鈕與updatepanel它開始運行並獲取數據,但回發後完成它不停止或隱藏它繼續運行,即使在Gridview中獲取數據後。

回答

0

使用此觸發器

<asp:UpdatePanel> 
<ContentTemplate> 
    // Your Code 
</ContentTemplate> 
    <Triggers> 
    <asp:PostBackTrigger ControlID="btnGenerateReport" /> 
    </Triggers> 
</asp:UpdatePanel>