2009-09-23 51 views
2

我有一個ASP.NET網頁,我有幾個DIV的(與runat =「服務器」),我顯示的數據庫中的記錄。的記錄/數據顯示將是巨大的一些時間,我已經把代碼加載在div中的內容,在我的Page_Load事件。但是當頁面加載時,我看到一個空白屏幕幾秒鐘,然後顯示頁面內容。我想消除這種情況。相反,我想顯示一個「加載」消息給用戶,直到整個頁面內容加載。做這個的最好方式是什麼 ?最好的方法來顯示加載消息,直到ASP.NET頁面加載內容

一些選項來我的腦海中

1 Response.Flush將Response.Buffer

2取出代碼加載到頁面加載event.Instead內容,使用jQuery的負載/ AJAX加載內容上的document.ready

功能中的任何一個可以告訴我投注的方式來解決這個問題

回答

3

你可以用一個漂亮的疊加忙消息鎖UI。

的Mark-了一部分:

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

相關問題