Лучший способ показать Загрузка сообщения до загрузки страницы ASP.NET

Question

У меня есть веб-страница ASP.NET, где у меня есть несколько DIV (с runat = "server"), и я показываю записи из БД в этом. Число записей/данных, которые будут показаны, будет огромным несколько раз, я поставил код для загрузки содержимого в div в моем событии Page_Load. Но когда страница загружается, я вижу пустой экран в течение нескольких секунд, а затем показываю содержимое страницы. Я хочу исключить это. Вместо этого я хочу показать сообщение «Загрузка» пользователю до загрузки всего содержимого страницы. Каков наилучший способ сделать это?

Некоторые варианты пришли на мой взгляд, являются

1 Response.Flush Response.Buffer

2 Удалите код для загрузки контента в event.Instead загрузки страницы, загрузки содержимого с помощью JQuery в нагрузку/Ajax функции на document.ready

может ли один скажите мне ставку способ решения этой проблемы

Answer 1

Вы можете заблокировать пользовательский интерфейс с хорошим наложенной занят сообщением.

наценка часть:

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