ASP.NET Affichage du message “Chargement...” tout en panneau de mise à jour est mise à jour

Bonjour, je suis entrain de créer un ASP.NET/C# application
J'ai un panneau de mise à jour qui prend du temps à mettre à jour.
Est-il un moyen pour afficher un "Chargement... Merci de Patienter pendant le temps des calculs?

Actuellement, je suis en utilisant AJAX panneau animation de fade in/fade out, pour rendre le panneau disparaître, tandis que le calcul et puis réapparaissent lorsque vous avez terminé. Mais ce n'est pas très pratique.

J'ai besoin d'afficher un message si possible.

Merci pour toute aide.

c'est le code de mon panneau:

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

Et l'Ajax Panneau animation extender

<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>
InformationsquelleAutor Youssef | 2011-10-09
  1. 62

    Vous pouvez utiliser le code ci-dessous lors de la

    l'aide de l'Image que le Chargement de

    <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 le Chargement de

    <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>
    • Où puis-je ajouter cela?
    • Dans la page (.aspx) ou UserControl (.ascx). D'autre part, lorsque vous placez ce morceau de code est très fondamental chose au sujet de asp.net
    • Où ajouter c'est une bonne question; surtout lorsqu'il s'agit des pages complexes de l'exécution de plusieurs requêtes ajax. Cet article donne un aperçu à l'endroit où dans votre page pour placer ce code lorsque vous traitez avec imbriqué updatepanels: msdn.microsoft.com/en-us/library/bb386421.aspx
    InformationsquelleAutor Harsh Baid
  3. -1

    Vous pouvez utiliser le UpdateProgress de contrôle:

    Voir aussi:
    ajax "chargement" icône avec UpdatePanel publications

    InformationsquelleAutor Rich