c# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender

有人知道如何从客户端关闭Ballon Popup Extender吗？
一切都很好,但是因为我设置了BPE来显示鼠标悬停,所以我尝试在鼠标输出时没有任何关闭或隐藏方法是非常不合理的：

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

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

我把上面的方法连接到一个div onm ouseout上,我可以隐藏页面上的任何控件而不是BPE,我试图对BPE所针对的面板做同样的事情,但没有发生任何事情.

有没有我错过的东西或BPE就是这样？

解决方法:

这实际上并不太难.您可以在页面上创建这样的方法：

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

然后从控件的onmouseout事件中调用该函数,该事件是BalloonPopupExtender的TargetControlID(在我的示例中为Panel1).这是我用来测试javascript的代码：

<asp:Panel ID="Panel1" runat="server" BackColor="#009900" Height="50px" 
    Width="50px" onm ouseout="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>

标签：c,javascript,asp-net,ajaxcontroltoolkit
来源： https://codeday.me/bug/20190621/1251492.html