2

ajax ツールを使用せずに Web アプリケーション C# で進行状況バーを使用するにはどうすればよいですか... あるページから次のページをクリックすると、ページの読み込みが進行状況バーとして表示されるはずです.

前もって感謝します

4

2 に答える 2

2

まだ JavaScript が必要だと思いますが、AJAX 更新パネルを使用する必要はありません。

  1. あなたのページに進行中のアニメーション画像を含む div を追加します
  2. CSSを使用してdivを非表示に設定します
  3. リンクボタン/ボタンなどで、通常どおり onClick イベントをリンクします
  4. 同じリンクボタン/ボタンで onClientClick 属性を追加し、javascript 関数を呼び出して div スタイルを表示に設定します

これにより、ページが実際にポストバックされるまで、進行状況メーターが表示されます。

有線ボタン 

 <asp:Button ID="btnProgress" runat="server" Text="show progress" OnClientClick="javascript:DisplayProgress()" OnClick="btnProgress_Click"
            CausesValidation="false" />

プログレスメーター部門

    <div ID="pnlProgress" Class="modalBackground" style="visibility: hidden;">
        <div id="content" class="modalDialogClear" style="text-align: center; " > 
        <br />
        <br />
    looking up address, please wait...<br />
    <img src="/images/progress_bar.gif" />
    </div>

Javascript

  function DisplayProgress()
        {
            document.getElementById('pnlProgress').style.visibility = 'visible';
            window.setTimeout(HideProgressPanel, 20000);  //handles hiding the progress panel should the operation time out
        }

    function HideProgressPanel()
    {
    document.getElementById('pnlProgress').style.visibility = "hidden", 20000
    }
于 2009-08-05T06:52:57.413 に答える
1

このようにして、ページの読み込み時に、読み込みが完了する前に進行状況バーを表示しています...

<body onload="javascript:HidePreloader();">

 <div id="preloader" style="width: 100%; text-align: center;">
                    <img src="../Images/loading.gif" alt="" style="display: block;" />
                </div>

<script language="javascript" type="text/javascript">
    function HidePreloader() {
        if (document.getElementById('preloader') != null) {
            document.getElementById('preloader').style.visibility = 'hidden';

        }
    }
</script>
于 2009-08-05T06:59:12.377 に答える