Tuesday, January 29, 2008 3:34 PM
kevinisom
Hiding a Popup Panel with JavaScript
Had a instance where I needed to close the Popup Control with JavaScript
1: <ajax:PopupControlExtender ID="pceShowPanel" runat="server"
2: TargetControlID="showPanel"
3: PopupControlID="popupPanel"
4: BehaviorID="popupBehavior"
5: />
So with that on your page just hide it with hidePopup().
1: function Hide(){
2: $find('popupBehavior').hidePopup()
3: }
Of course you can show the popup as well with the showPopup() method. The real trick here is the $find shortcut method. The FindComponent method does just that and get's the component in this case the PopupExtender and allows you to call the methods associated with that control.
Filed under: ajaxcontroltoolkit, ajax, asp.net, Tips