2

私はいくつかの DIV (runat="server" を使用) を持つ ASP.NET Web ページを持っており、その中に DB からのレコードを表示しています。表示されるレコード/データの数は時々膨大になります。私の Page_Load イベントで、コンテンツを div にロードするコード。しかし、ページが読み込まれると、数秒間空白の画面が表示され、その後ページのコンテンツが表示されます。これを排除したい.代わりに、ページコンテンツ全体が読み込まれるまで、ユーザーに「読み込み中」メッセージを表示したい. これを行う最善の方法は何ですか?

私の頭に浮かんだいくつかのオプションは

1 レスポンス.フラッシュ レスポンス.バッファ

2 ページ読み込みイベントでコンテンツを読み込むコードを削除します。代わりに、document.ready で jQuery の load/ajax 関数を使用してコンテンツを読み込みます

この問題に対処するための最善の方法を誰か教えてもらえますか

4

1 に答える 1

3

素敵なオーバーレイ ビジー メッセージで 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 プラグインを確認する

于 2010-08-04T21:37:01.837 に答える