javascript - 请稍等 javascript、css 中的加载器，

Question

我有一些 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 和 Div 最后，最后在按钮单击时我想使用这个调用这个 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 中获取数据后，它也会继续运行。

Answer 1

使用此触发器

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