Question

我已经创建了一个UpdatePanelAnimationExtender并且所有内容都会编译，但是当我运行它时，看起来UpdatePanelAnimationExtender甚至都没有做任何事情甚至没有命中。它点击button_click并更改标签文本，但它不会调整div大小。我究竟做错了什么？这是我的代码：

提前感谢您的帮助。

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

Answer 1

扩展程序是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>

相同

UpdatePanelAnimationExtender不起作用

1 个答案: