web-dev-qa-db-fra.com

ASP.NET Afficher le message "Chargement ..." pendant la mise à jour du panneau de mise à jour

Bonjour, je crée une application ASP.NET/C# J'ai un panneau de mise à jour qui prend du temps à mettre à jour. Existe-t-il un moyen d'afficher un message "Chargement en cours ... Veuillez patienter" pendant le temps des calculs?

Actuellement, j'utilise AJAX animation du panneau fondu en entrée/sortie en fondu, pour faire disparaître le panneau pendant le calcul, puis réapparaître une fois terminé. Mais ce n'est pas très pratique.

Je dois afficher un message si possible.

Merci pour toute aide.

c'est le code de mon panel:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/>
    </Triggers>
    <ContentTemplate>
        //Contents goes here
    </ContentTemplate>
</asp:UpdatePanel>

Et l'extension d'animation 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>
c#asp.netajaxupdatepanel
27
Youssef

Vous pouvez utiliser le code ci-dessous lorsque

en utilisant l'image comme chargement

<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>

en utilisant le texte comme chargement

<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>
63
Harsh Baid

Tutoriel génial: façons différentes d'afficher la progression dans une application ASP.NET AJAX Application

5
Samidjo