2012-05-11 86 views
2

當頁面加載時,我需要顯示「loading」指示器。我從代碼後面的其他服務器獲取數據並綁定列表視圖。我沒有使用更新面板,也沒有通過ajax獲取數據。那麼如何顯示一個「加載」指標,因爲該頁面需要很長時間才能加載。如何在ASP.net中顯示加載頁面指示符?

在此先感謝。

+0

如果頁面實際上是加載,您可以將加載div設置爲隱藏在文檔中以準備就緒。 –

回答

5

您創建一個包含加載gif的div在它的中心。 當你開始你的ajax請求時,你顯示它(例如用jquery),當ajax請求完成時,你隱藏它。
它可以/應該是這個樣子:
代碼來顯示負載指示:

$('#busy-holder').show(); 

格:

<div id="busy-holder" style="display: none"> 
    <div id="busy"> 

    </div> 
</div> 

CSS:

#busy 
{ 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    background: transparent url("loader.gif"); 
    z-index: 1000; 
    height: 66px; 
    width: 66px; 
} 

#busy-holder 
{ 
    height:100%; 
    width:100%; 
    position:fixed; 
    left:0; 
    top:0; 
    display: none; 
    filter: alpha(opacity=30); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
    opacity:0.3; 
    -moz-opacity: 0.30; 
    z-index: 1000; 
} 
+0

謝謝。但有一個問題是我沒有通過ajax獲取數據。我正在獲取頁面加載後面的代碼中的數據。 –

+0

如果我沒有錯,我懷疑可以這樣做,因爲你的html沒有完全由服務器控件構建。 –

+0

您並未使用ajax,因此該頁面將立即重定向。這將阻止所有GIF旋轉,但您仍然應該能夠在Gif頂部顯示容器。只需在你的按鈕上放一個onClientClick,然後從那裏調用$('#busy-holder')。show()。 – Kristof