Закрыть AJAX Control Toolkit BallonPopupExtender на выводе

Question

Кто-нибудь знает, как закрыть Ballon Popup Extender с клиентской стороны? Все это хорошо, но так как я создал BPE для отображения при наведении курсора мыши это действительно impratical, что он не имеет какой-либо близок или скрыть метод на мыши, что я пробовал:

function hideElement() { 
     document.getElementById(ID).style.display = 'none'; 
    } 

function hideControl() { 
    document.getElementById('<%=ID.ClientID%>').style.visibility = "hidden"; 
    return false; 
} 

Я подключил выше методу к одному divs onmouseout, я могу скрыть любой элемент управления на странице, но не BPE, и я попытался сделать то же самое с панелью, в которой BPE нацеливается, но ничего не происходит.

Есть ли что-то, что я пропустил или это BPE так же?

Answer 1

Это на самом деле не слишком сложно. Вы можете создать метод, как это на странице:

<script type="text/javascript"> 
    function hidePopup() { 
     var popupObject = document.getElementById("<%= Panel1.ClientID %>"); 
     popupObject.BalloonPopupControlBehavior.hidePopup(); 
    } 
</script> 

И затем вызвать эту функцию из вашего onmouseout случае контроля, который является вашим TargetControlID для BalloonPopupExtender (в моем примере Panel1). Вот код, который я использовал для проверки этого javascript:

<asp:Panel ID="Panel1" runat="server" BackColor="#009900" Height="50px" 
    Width="50px" onmouseout="hidePopup();"> 
</asp:Panel> 
<asp:BalloonPopupExtender ID="Panel1_BalloonPopupExtender" runat="server" 
    CustomCssUrl="" DisplayOnClick="False" DisplayOnMouseOver="True" 
    DynamicServicePath="" Enabled="True" ExtenderControlID="" 
    TargetControlID="Panel1" BalloonPopupControlID="junk"> 
</asp:BalloonPopupExtender> 

<div id="junk"> 
    Hey! Here's some stuff! 
</div> 

Answer 2

Именно то, что я искал. Но вместо всего лишнего javascript просто установите onmouseout="BalloonPopupControlBehavior.hidePopup();" в элемент управления.