Несколько элементов управления UpdatePanelAnimationExtender AjaxControlToolKit - PullRequest
Новая
       14

Несколько элементов управления UpdatePanelAnimationExtender AjaxControlToolKit

3 голосов
/ 07 апреля 2009

У меня проблема с UpdatePanelAnimationExtender и несколькими панелями обновления. Я хочу, чтобы панель постепенно исчезала, обновлялась и затем возвращалась обратно.

Тем не менее, он затеняет все панели и только ту, на которой я обновлялся. Очевидно, это довольно распространенная проблема с UpdatePanelAnimationExtender, но я не могу найти решение. Кто-нибудь знает, как обойти эту проблему? Заранее спасибо.

Вот пример кода: 

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

Ответы [ 2 ]

1 голос
/ 23 июня 2010

Установите UpdateMode = Always на UpdatePanels, и это исправит это

0 голосов
/ 04 марта 2011

Я использую метод UpdatePanelAnimationExtender условно и допустимо с JavaScript. Привет. 

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

...