2015-01-13 94 views
1
<asp:UpdatePanel ID="UpdtBank" runat="server"> 
<ContentTemplate> 
<div style="text-align:center;"> 
    <asp:UpdateProgress AssociatedUpdatePanelID="UpdtBank" id="updateProgress" DynamicLayout="true" runat="server"> 
     <ProgressTemplate> 
      <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;"> 
       <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/img/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" /> 
      </div> 
     </ProgressTemplate> 
    </asp:UpdateProgress> 
    //My Code is Here 
</div> 

加載圖像沒有顯示

我有上述代碼拷貝從教程和計算器的答案,但 圖像沒有顯示在所有。請幫助我,我找不到我的錯誤

+0

將'UpdateProgress'移動到'UpdatePanel'之外' – Bharadwaj

+0

您的頁面是否需要加載DATA ...? – Dhaval

+0

不需要很長時間 –

回答

2

嘗試減少顯示ProgressTemplate後的時間。默認情況下這是5秒。 此行爲是由物業來控制:DisplayAfter

指定毫秒顯示進度控制,即在2000年之前所經過的數量,如果你想等待2秒

<asp:UpdateProgress DisplayAfter="2000" AssociatedUpdatePanelID="UpdtBank" 
    id="updateProgress" DynamicLayout="true" runat="server" /> 
1

把你asp:UpdateProgress出方到asp:UpdatePanel - 如下。

<asp:UpdatePanel ID="UpdtBank" runat="server"> 
<ContentTemplate> 
    <div style="text-align:center;"> 

    //My Code is Here 
    </div> 
    </ContentTemplate> 
</asp:UpdatePanel > 

<asp:UpdateProgress AssociatedUpdatePanelID="UpdtBank" id="updateProgress" DynamicLayout="true" runat="server"> 
     <ProgressTemplate> 
      <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;"> 
       <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/img/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" /> 
      </div> 
     </ProgressTemplate> 
    </asp:UpdateProgress> 
相關問題