关于aps.net ajax controltoolkit 控件collapse extender的问题

来源：互联网发布：淘宝打单软件编辑：程序博客网时间：2024/04/29 17:37

关于CollapsiblePanelExtender 的用法可以参考：

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CollapsiblePanel/CollapsiblePanel.aspx

如果单单设置CollapsiblePanelExtender属性（如下），则会存在问题，当页面加载时，targetcontrol首先显示，然后再隐藏；

<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
    TargetControlID="Panel1"
    CollapsedSize="0"
    ExpandedSize="300"
    Collapsed="True"
    ExpandControlID="LinkButton1"
    CollapseControlID="LinkButton1"
    AutoCollapse="False"
    AutoExpand="False"
    ScrollContents="True"
    TextLabelID="Label1"
    CollapsedText="Show Details..."
    ExpandedText="Hide Details"
    ImageControlID="Image1"
    ExpandedImage="~/images/collapse.jpg"
    CollapsedImage="~/images/expand.jpg"
    ExpandDirection="Vertical" />

如果希望targetcontrol直接隐藏，则需要设置该控件的style height:0px; overflow:hidden;

猜测collapsiblepanelextender的可能是通过控制targetcontrol的height来实现扩展或收缩时的动画效果的。