c# - asp.net 进度加载

Question

由于显示了大量数据，我有一个页面需要几秒钟才能加载。

我怎样才能让它播放 .gif 动画，直到数据准备好显示在表格中，而不是什么都不显示？

如何设置表格/内容仅在加载完成后显示？

Answer 1

您可以使用 asp.net ajax 控件，例如 ScriptManager + UpdateProgress + UpdatePanel。这里有一个例子

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:UpdateProgress runat="server" id="PageUpdateProgress">
            <ProgressTemplate>
                Loading...
            </ProgressTemplate>
        </asp:UpdateProgress>
        <asp:UpdatePanel runat="server" id="Panel">
            <ContentTemplate>
                <asp:Button runat="server" id="UpdateButton" onclick="UpdateButton_Click" text="Update" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>


protected void UpdateButton_Click(object sender, EventArgs e)
{
    System.Threading.Thread.Sleep(5000);
}