您好,我正在创建一个ASP.NET/C#应用程序,我有一个更新面板,该面板需要花费一些时间进行更新。在计算期间,是否可以显示“正在加载…请稍候”消息?
目前,我正在使用AJAX面板动画淡入/淡出,以使面板在计算时消失,然后在完成时重新出现。但这不是很实际。
如果可能,我需要显示一条消息。
感谢您的任何帮助。
这是我的面板的代码:
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/> </Triggers> <ContentTemplate> //Contents goes here </ContentTemplate> </asp:UpdatePanel>
和Ajax Panel动画扩展器
<ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="UpdatePanel1"> <Animations> <OnUpdating> <FadeOut Duration="1" Fps="20" /> </OnUpdating> <OnUpdated> <FadeIn Duration="2" Fps="20" /> </OnUpdated> </Animations> </ajaxToolkit:UpdatePanelAnimationExtender>
您可以在以下情况下使用以下代码
使用图像作为加载
<asp:UpdateProgress id="updateProgress" 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="~/images/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" /> </div> </ProgressTemplate> </asp:UpdateProgress>
使用文本作为加载
<asp:UpdateProgress id="updateProgress" 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;"> <span style="border-width: 0px; position: fixed; padding: 50px; background-color: #FFFFFF; font-size: 36px; left: 40%; top: 40%;">Loading ...</span> </div> </ProgressTemplate> </asp:UpdateProgress>