CollapsiblePanelExtenderで複数の閉じるボタンを使用するにはどうすればよいですか？

Question

私のページにasp.net ajax CollapsiblePanelExtenderコントロールがあります。このコントロールが設計された方法、あなたはそれを閉じるには、パネルと別の制御を開くために一つの制御を指定することができます。彼らは、この例にあるようExpandControlIDとCollapseControlIDは、同一である場合

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

が、その後、コントロールパネルを切り替えます開いたり閉じたりする。

でも、ユーザーがこのパネルを閉じることができる別のコントロール（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(); 
      } 
     }