如何在页面加载期间显示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面板触发，阻塞页面直到剩余的数据被加载。