多个UpdatePanelAnimationExtender控件AjaxControlToolKit [英] Multiple UpdatePanelAnimationExtender Controls AjaxControlToolKit

问题描述

我在使用UpdatePanelAnimationExtender和多个更新面板时遇到问题。我想发生的是使面板淡出，更新，然后再淡入。

I am having a problem with the UpdatePanelAnimationExtender and multiple update panels. What I want to happen is for the panel to fade out, update, and then fade back in.

但是，它淡出所有面板，只淡出我更新回。显然，这是UpdatePanelAnimationExtender的一个相当普遍的问题，但我似乎找不到解决方案。会有人碰巧知道解决此问题的方法吗？

However, it fades out all the panels and only fades the one I updated back in. Apparently this is a rather common problem with UpdatePanelAnimationExtender, but I can't seem to find a solution. Would anyone happen to know of a way to work around this problem? Thanks in advance.

这里是一些示例代码：

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

推荐答案

在UpdatePanels上始终设置UpdateMode = Always修复

Set the UpdateMode=Always on the UpdatePanels and that will fix it

这篇关于多个UpdatePanelAnimationExtender控件AjaxControlToolKit的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！