UpdatePanelAnimationExtender不工作

我已經創建了一個UpdatePanelAnimationExtender一切編譯，但是當我運行它看起來像UpdatePanelAnimationExtender甚至沒有做任何事情，甚至被打到。它擊中button_click並更改標籤文本，但不會調整div的大小。我究竟做錯了什麼？這裏是我的代碼：UpdatePanelAnimationExtender不工作

感謝您的幫助提前。

<div style="margin-bottom: 10px;"> 
    <div style="border: dashed 1px #222222;"> 
    <div id="up_container" style="background-color: #40669A;"> 
     <asp:UpdatePanel ID="update" runat="server"> 
      <ContentTemplate> 
       <div id="background" style="text-align: center; vertical-align: middle; line-height: 44px; padding: 12px; height: 44px; color: #FFFFFF;">  
        <asp:Label ID="lblResult" runat="server" Style="padding: 5px; font-size: 14px; font-weight: bold;"> 
         CLICK SAVE BUTTON 
        </asp:Label> 
       </div> 
      </ContentTemplate> 
      <Triggers> 
       <asp:AsyncPostBackTrigger ControlID="btnCommit" EventName="Click" /> 
      </Triggers> 
     </asp:UpdatePanel> 
    </div> 
    </div> 
    </div> 
<asp:UpdatePanelAnimationExtender ID="upae" BehaviorID="animation" runat="server" TargetControlID="update"> 
    <Animations> 
     <OnUpdating> 
      <Sequance> 
       <ScriptAction Script="var b = $find('animation'); b._originalHeight = b._element.offsetHeight;" /> 
       <StyleAction Attribute="overflow" Value="hidden" /> 
       <Parallel duration = ".25" Fps="30"> 
        <Resize Height="0" /> 
       </Parallel> 
      </Sequance>      
     </OnUpdating> 
     <OnUpdated> 
      <Sequance> 
       <Parallel duration=".25" Fps="30"> 
        <Resize HeightScript="$find('animation')._originalHeight" /> 
       </Parallel> 
      </Sequance> 
     </OnUpdated> 
    </Animations>   
</asp:UpdatePanelAnimationExtender> 

<asp:Button ID="btnCommit" runat="server" Text="Save User" TabIndex="5" 
    onclick="btnCommit_Click" />

來源

2012-03-01 Nick Manojlovic

我從來沒有具有更新面板和不同元素擴展好運。我會首先嚐試將它們中的兩個放在同一個DIV中，並查看讓你感覺到的位置。 – 2012-03-01 23:15:05

嘿布拉德，我試圖把它的每個格內並運行它，仍然沒有工作:(它真的刺激性笑。 – 2012-03-02 02:38:58

擴展器是asp.net ajax toolkit的一部分。我認爲這意味着你將需要改變

<asp:UpdatePanelAnimationExtender ... </asp:UpdatePanelAnimationExtender>

到

<ajaxToolkit:UpdatePanelAnimationExtender ... </ajaxToolkit:UpdatePanelAnimationExtender>

希望這有助於

-Update-

順序是在你的示例代碼拼寫錯誤。嘗試在更新和更新部分更改<Sequance>節點爲<Sequence>。

上面的工作，雖然你可以包括 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>在頁面的頂部。 <asp:AnimationExtender>將是相同的<ajaxToolkit:AnimationExtender>

來源

2012-03-02 01:31:56

感謝快速回答布賴恩，但是，這並不工作，我有我的工具箱爲Visual Studio的工具箱的一部分，當我拖動和UpdatePanelAnimationExtender拖放到頁面，它會自動添加而不是 ... – 2012-03-02 02:34:37

這是問題...感謝您的幫助:) – 2012-03-02 22:25:06

UpdatePanelAnimationExtender不工作

回答

相關問題