代码之家 › 专栏 › 技术社区 › Shyju

显示加载消息直到ASP.NET页面加载内容

page-loading-message asp.net

2

Shyju · 技术社区 · 16 年前

我有一个ASP.NET我有几个DIV(带有runat=“server”)的网页,我在其中显示DB中的记录那个。那个要显示的记录/数据的数量有时会很大,我已经将代码加载到div中的内容,在我的Page\u load事件中。但是当页面加载时,我会看到一个空白屏幕几秒钟,然后它会显示页面内容。我想消除这个。取而代之我想向用户显示一个“加载”消息,直到整个页面内容加载。最好的方法是什么?

我想到的一些选择是

1响应。刷新响应缓冲区

2删除代码加载页面中的内容加载事件。相反,使用jQuery的load/ajax函数加载内容文件准备就绪

有谁能告诉我解决这个问题的方法吗

1 回复 | 直到 16 年前

1

3

Tola 15 年前

你可以用一个漂亮的忙消息来锁定用户界面。

加价部分:

$(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