Plusieurs contrôles UpdatePanelAnimationExtender AjaxControlToolKit

Question

Je rencontre un problème avec UpdatePanelAnimationExtender et plusieurs panneaux de mise à jour. Ce que je veux arriver, c'est que le panneau disparaisse, se mette à jour puis disparaisse.

Cependant, il masque tous les panneaux et ne fait que masquer celui que j'ai mis à jour. Apparemment, c'est un problème plutôt courant avec UpdatePanelAnimationExtender, mais je n'arrive pas à trouver une solution. Quelqu'un serait-il au courant d'un moyen de contourner ce problème? Merci d'avance.

Voici quelques exemples de code:

<asp:UpdatePanel ID="update1" runat="server" UpdateMode="Conditional"> 
    //--My Code goes in here 
</asp:UpdatePanel> 

<cc1:UpdatePanelAnimationExtender ID="updateAnimation1" runat="server" TargetControlID="update1"> 
    <Animations> 
     <OnUpdating> 
       <FadeOut Duration="0.2" Fps="20" /> 
     </OnUpdating> 
     <OnUpdated> 
       <FadeIn Duration="0.2" Fps="20" /> 
     </OnUpdated> 
    </Animations> 
</cc1:UpdatePanelAnimationExtender> 

<asp:UpdatePanel ID="update2" runat="server" UpdateMode="Conditional"> 
    //--My Code goes in here 
</asp:UpdatePanel> 

<cc1:UpdatePanelAnimationExtender ID="updateAnimation2" runat="server" TargetControlID="update2"> 
    <Animations> 
     <OnUpdating> 
       <FadeOut Duration="0.2" Fps="20" /> 
     </OnUpdating> 
     <OnUpdated> 
       <FadeIn Duration="0.2" Fps="20" /> 
     </OnUpdated> 
    </Animations> 
</cc1:UpdatePanelAnimationExtender> 

Answer 1

Régler le UpdateMode = Toujours sur les UpdatePanels et fixerai

Answer 2

J'utilise la méthode UpdatePanelAnimationExtender conditionnelle et valide avec javascript. Salutations.

<cc1:UpdatePanelAnimationExtender ID="upaStock" runat="server" TargetControlID="upStock"> 
<Animations> 
    <OnUpdating> 
     <Sequence> 
      <Parallel duration="0"> 
       <Condition ConditionScript="document.getElementById('ctl00_p1_hdfValidacion2').value == 'true';"> 
        <ScriptAction Script="onUpdating('ctl00_p1_pnlPopup','dviStock','divCuerpo');" /> 
       </Condition> 
      </Parallel> 
     </Sequence> 
    </OnUpdating> 

    <OnUpdated> 
     <Sequence> 
      <Parallel duration="0"> 
       <ScriptAction Script="onUpdated('ctl00_p1_pnlPopup'); document.getElementById('ctl00_p1_hdfValidacion2').value = 'false';" /> 
      </Parallel> 
     </Sequence> 
    </OnUpdated> 
</Animations>