如何在CollapsiblePanelExtender中使用多个关闭按钮？

Question

我的页面上有一个asp.net ajax CollapsiblePanelExtender控件。按照此控件的设计方式，您可以指定一个控件打开面板，指定另一个控件关闭面板：

<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
  TargetControlID="panelStuff"
  ExpandControlID="butToggle" CollapseControlID="butToggle" Collapsed="True"
  SuppressPostBack="true" />

如果ExpandControlID和CollapseControlID相同(如本例所示)，则该控件将打开和关闭面板。

但我想要的是另一个控件(在panelStuff中)，它允许用户关闭此面板。理想情况下，我想指定：

CollapseControlID="butToggle,butClose"

你知道该怎么做吗？

Answer 1

实现这一目标的一种方法是：

为CollapsiblePanelExtender分配BehaviorID：

<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server" 
  BehaviorID="cpeForBehavior"
  TargetControlID="panelStuff"
  ExpandControlID="butToggle" CollapseControlID="butToggle" Collapsed="True"
  SuppressPostBack="true" />

创建javascript函数以执行所需的行为：

function closeCpe() {
    $find("cpeForBehavior")._doClose();
}

在事件处理程序中执行函数：

<input type="button" id="MyOtherButton" onclick="closeCpe();" />

Answer 2

与上面的答案相同，但我正在寻找一个切换。_doToggle()不起作用，因此仅供参考：

 function closeCpe() {
            var cpe = $find("cpeForBehavior");

            if (cpe.get_Collapsed()) {
                cpe._doOpen();
            }
            else {
                cpe._doClose();
            }
        }