c# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了c# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1339字,纯文字阅读大概需要2分钟。
内容图文
![c# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender](/upload/InfoBanner/zyjiaocheng/799/b61d8ab69f7545f89e20eec8a0b03876.jpg)
有人知道如何从客户端关闭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# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender全部内容,希望文章能够帮你解决c# – 在鼠标移出时关闭AJAX Control Toolkit BallonPopupExtender所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。