如何在頁面加載期間顯示UpdateProgress欄

Question

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" DynamicLayout="true" 
    AssociatedUpdatePanelID="update1"> 
    <ProgressTemplate> 
     <div class="TransparentGrayBack"> 
     </div> 
     <div class="Sample5PageUpdate"> 
      <img src="../RadControls/Ajax/Skins/Default/ajax-loader4.gif" alt="" /> 
     </div> 
    </ProgressTemplate> 
</asp:UpdateProgress> 

我正在使用updateprogress。它工作正常。但現在我希望在頁面加載期間顯示更新進度。你會建議我該怎麼做。

Answer 1

試試這個jQuery插件

http://www.malsup.com/jquery/block/

它的工作原理，即使網頁提交正在發生的事情。

Answer 2

不完全確定你想要實現的目標，但是如果它與我想要達到的目標類似，問題在於頁面在後臺被初始化（數據綁定和全部），阻止你的UpdateProgress顯示直到整個頁面被加載（破壞目的）

您的選項被綁定的數據類型，你等待加載。如果你只關心列表和其他數據綁定事件的加載，那麼你可以做的是延遲加載。也就是說，不要在後面的代碼中加載頁面中的任何項目。這應該會導致頁面顯示，這是您需要它的狀態以確保UpdateProgress面板在後臺呈現。然後在文檔準備好後，返回並異步加載您的數據綁定項目。這個異步調用會導致你的UpdateProgess面板觸發，阻塞頁面直到剩餘的數據被加載。