當頁面加載時,我需要顯示「loading」指示器。我從代碼後面的其他服務器獲取數據並綁定列表視圖。我沒有使用更新面板,也沒有通過ajax獲取數據。那麼如何顯示一個「加載」指標,因爲該頁面需要很長時間才能加載。如何在ASP.net中顯示加載頁面指示符?
在此先感謝。
當頁面加載時,我需要顯示「loading」指示器。我從代碼後面的其他服務器獲取數據並綁定列表視圖。我沒有使用更新面板,也沒有通過ajax獲取數據。那麼如何顯示一個「加載」指標,因爲該頁面需要很長時間才能加載。如何在ASP.net中顯示加載頁面指示符?
在此先感謝。
您創建一個包含加載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;
}
謝謝。但有一個問題是我沒有通過ajax獲取數據。我正在獲取頁面加載後面的代碼中的數據。 –
如果我沒有錯,我懷疑可以這樣做,因爲你的html沒有完全由服務器控件構建。 –
您並未使用ajax,因此該頁面將立即重定向。這將阻止所有GIF旋轉,但您仍然應該能夠在Gif頂部顯示容器。只需在你的按鈕上放一個onClientClick,然後從那裏調用$('#busy-holder')。show()。 – Kristof
如果頁面實際上是加載,您可以將加載div設置爲隱藏在文檔中以準備就緒。 –