UpdateProgressが使用されている間、UpdatePanelのContentTemplateを隠すことはできますか？

Question

UpdateProgressが呼び出されたときに更新パネルの内容を非表示にする最も簡単な方法は何ですか？

Answer 1

はまた、あなたがwatch this video

Answer 2

これがうまくいくかどうかはわかりませんが、スクリプトタグをprogresstemplate内に置いて、updatepanel内のdivを非表示にすることはできます。しかし、それが戻ってきたときに最も隠れることはないでしょう。 それはそうのようなJavaScriptで返すときは、ポストバックをキャッチすることができます：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){ 
     alert('postback returned'); 
    }); 

Answer 3

をあなたがそれを行うことができます別の方法は、まず、このようにあなたのコンテンツを不可視にある：

<div id="content" style="display: none;"> 
</div> 

次に追加することによって、すべての更新を終了しますこのコンテンツテンプレートの最後に：

<script type="text/javascript"> 
document.getElementById("content").style.display = "block"; 
</script> 

私はこれを自分で試していないが、私はそれが動作するはずと信じています。

EDIT - これはおそらくあなたが望むようにはうまく動作しないことに気付きました。コンテンツは読み込み中に見えなくなり、完了後に表示されます。しかし、コンテンツはサーバーから最初のバイトを受け取るまで消えません。それはあなたが見ているロード時間の種類に応じてあなたが探している効果かもしれません。ここで

Answer 4

これはこれは素晴らしい見えますが、少し行き過ぎ http://www.asp.net/Ajax/Documentation/Live/tutorials/ProgrammingUpdateProgress.aspx