複数のUpdatePanelAnimationExtenderコントロールAjaxControlToolKit

Question

UpdatePanelAnimationExtenderおよび複数の更新パネルに問題があります。私がしたいのは、パネルがフェードアウト、更新、フェードインすることです。

しかし、すべてのパネルをフェードアウトして、私が戻ったパネルをフェードアウトします。これはかなり一般的な問題ですUpdatePanelAnimationExtenderで、私は解決策を見つけるように見えることはできません。誰もこの問題を回避する方法を知っているだろうか？前もって感謝します。ここで

は、いくつかのサンプルコードです：UpdatePanelsに=常には、UpdateModeを設定

<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

と、それは私がJavaScriptで条件付きの、有効なUpdatePanelAnimationExtenderメソッドを使用し

Answer 2

にそれを修正します。ご挨拶

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