asp.net中的PreLoading

Question

我真的很想知道预加载在asp.net中是如何工作的？

例如，当点击一个按钮时，会出现一个动画gif，几秒钟后就会出现一个面板或div！(就像在facebook的许多地方一样)

我如何在asp.net中做到这一点？

(完成这项工作需要jquery吗？如果是，有哪些插件？)

Answer 1

第一个是在页面即将加载期间

 protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        pnlLoading.Visible = true;
    }

其次，当我有更新面板时，我使用update Progress自动处理它。

第三个是使用jQuery的ajax调用。当我要进行ajax调用时，我使用下面的代码

$('#<%=updProgress.ClientID %>').css("display", "block");

当ajax调用完成时，我使用以下代码

 $('#<%=updProgress.ClientID %>').css("display", "none");

这是我在标记中的加载指示器。这两个被放置在body标签之后。

  <asp:Panel ID="pnlLoading" runat="server" Visible="true">
    <div class="progressBackgroundFilter">
    </div>
    <div class="processMessage">
        <img src="/_layouts/Img/ajax-loader.gif" alt="Loading" />
    </div>
</asp:Panel>
<asp:UpdateProgress ID="updProgress" runat="server">
    <ProgressTemplate>
        <div class="progressBackgroundFilter">
        </div>
        <div class="processMessage">
            <img src="/_layouts/Img/ajax-loader.gif" alt="Loading" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

当页面加载时，我使用下面的代码

 $(document).ready(function () {
        var objdiv = $('#<%=pnlLoading.ClientID%>');
        if (objdiv) {
            objdiv.css('visibility', 'hidden');
        }
        $('#<%=updProgress.ClientID%>').css("display", "none");     
    });

希望这能有所帮助