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

그리고 내가 자바 스크립트와 조건 및 유효 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>