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>

请在javascript，css，

1 个答案: