Question

我有一个ASP.NET网页，其中我有几个DIV（使用runat =“server”），我正在显示来自DB的记录。要显示的记录/数据的数量会很多，我已经把代码加载到我的Page_Load事件中的div中的内容。但是当页面加载时，我看到一个空白的屏幕几秒钟，然后它显示页面内容。我想消除这一点。相反，我想向用户显示“正在加载”消息，直到整个页面内容加载为止。这样做的最佳方式是什么？

我想到了一些选项

1 Response.Flush Response.Buffer

2删除代码以在页面加载事件中加载内容。相反，在document.ready上使用jQuery的load / ajax函数加载内容

任何人都可以告诉我解决这个问题的赌注方式

Answer 1

您可以使用好的叠加忙消息来锁定UI。

加价部分：

$(function() { // when document has loaded

    ($.unblockUI); //unlock UI

    //Show busy message on click event and disable UI
    $('#btnHelloWorld').click(function() {
    $.blockUI({ message: '<h4><img src="busy.gif" />Please wait...</h4>' });

    });

});

<asp:Button ID="btnHelloWorld" runat="server" Text="Hello World" /><br/>

背后的代码：

   Protected Sub btnHelloWorld_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnHelloWorld.Click
        Label1.Text = "Hello World"
        Threading.Thread.Sleep(5000)
    End Sub

查看jQuery BlockUI Plugin

显示加载消息直到ASP.NET页面加载内容的最佳方法

1 个答案: