ASP.NET CollapsiblePanelExtender: две кнопки развернуть / свернуть на одной цели

Question

Как установить две кнопки для CollapsiblePanelExtender в ASP.NET?

Скажем, у меня есть панель с изображением и текст, разделенный каким-то текстом. Я хочу, чтобы мое изображение и текст были триггером, чтобы развернуть / свернуть мою панель.

Answer 1

Добавьте ImageButtion как ExpandControl и используйте событие keyup textbox, чтобы развернуть расширитель на стороне клиента:

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" />&nbsp;
    <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" />