ASP.NET CollapsiblePanelExtender：一个目标上有两个展开/折叠按钮

Question

如何在 ASP.NET 中为 CollapsiblePanelExtender 设置两个按钮？

比如说，我有一个带有图像和由一些文本分隔的文本的面板。我希望我的图像和文本成为展开/折叠面板的触发器。

Answer 1

添加 ImageButtion 作为 ExpandControl 并使用文本框 keyup 事件在客户端展开扩展器：

function expand() {
    var extender = $find("CollapsibleExtender1");
    if (extender.get_Collapsed()) {
        $find("CollapsibleExtender1").expandPanel();
    }
}

<asp:Panel runat="server" ID="CollapsiblePanel">
        Cursus et amet cras egestas, turpis cras tempor diam scelerisque habitasse in, platea
        augue turpis. Odio? Risus, ultricies! Dapibus risus sit. Placerat et in parturient
        tristique, natoque porttitor, platea aenean, a, platea etiam urna, a cum nunc! Parturient
        platea, sit mauris proin, magna lacus, eros, in sed nascetur tempor adipiscing.
    </asp:Panel>
    <asp:ImageButton runat="server" ID="MyImageButton" ImageUrl="~/Images/infoindicator.gif" /> 
    <asp:Button runat="server" ID="MyButton" Text="Click Me" OnClientClick="expand(); return false;" />
    <ajax:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" BehaviorID="CollapsibleExtender1"
        ExpandControlID="MyImageButton" Collapsed="true" TargetControlID="CollapsiblePanel"
        CollapsedText="Collapsed" ExpandedText="Expanded" SuppressPostBack="true" />