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

Question

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

Некоторые варианты пришли мне в голову:

1 Response.Flush Response.Buffer

2 Удалите код для загрузки содержимого в событии загрузки страницы. Вместо этого загрузите содержимое с помощью функций jQuery load/ 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 плагин