Ajax Control Toolkit BalloonPopup的使用实例及效果
更新时间：2013年02月18日 14:05:14 作者：
Ajax Control Toolkit 工具包的简介及获取方式等，BalloonPopup 控件可以显示一个弹出层，里面可以包含很多内容。
Ajax Control Toolkit 工具包的简介及获取方式等，请参见本系列的另一篇随笔：Ajax Control Toolkit使用实例(1) AutoCompleteExtender。
BalloonPopup 控件简介
BalloonPopup 控件可以显示一个弹出层，里面可以包含很多内容。例如，当用户将鼠标移动到一个文本框上时，可以使用此控件为用户显示一些帮助信息。
BalloonPopup 控件支持三种样式（BalloonStyle）：气球样式（Balloon）、矩形样式（Rectangle）还有用户自定义样式（Custom）。弹出层的大小也有三种型号：小号（Small）、中号（ Medium），大号（ Large）。如果你将 BalloonStyle 属性设置为Custom，那样你需要将CustomCssUrl属性值设置为自定义样式表的路径。
BalloonPopup 控件使用方法
1.向页面添加 ToolkitScriptManager 控件，用于向页面注册控件所需要的脚本；
复制代码 代码如下:
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">ajaxToolkit:ToolkitScriptManager>
2.添加 Panel 控件充当容器，用于容纳提示内容；
复制代码 代码如下:
<asp:Panel runat="server" ID="messagePanel">
小丸子，我给你讲个笑话吧~~
<asp:Image runat="server" ImageUrl="~/Images/微笑.gif" ImageAlign="AbsMiddle" />asp:Panel>
3.添加 BalloonPopupExtender 控件，定制样式、绑定目标控件及提示信息容器等；
复制代码 代码如下:
<ajaxToolkit:BalloonPopupExtender runat="server" ID="BalloonPopupExtender1"
Position="TopLeft"
TargetControlID="Image2"
BalloonPopupControlID="Panel1"
BalloonSize="Small"
BalloonStyle="Cloud"
DisplayOnMouseOver="True" />
4.运行页面，将看到如下效果：
 |
更多使用方法，请参见 Ajax Control Toolkit 示例站点。
相关文章
这篇文章主要给大家介绍了关于ASP.NET MVC学习教程之Razor语法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-05-05
这篇文章主要介绍了Asp.net利用一般处理程序实现文件下载功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-07-07
asp.net aspnetpager分页统计时与实际不符的解决办法
最近分页方面根据实际需要修改了一些函数2008-11-11
详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）
本篇文章主要介绍了免费开源的.NET多类型文件解压缩组件SharpZipLib，这也是一种解压缩组件，具有一定的参考价值，有兴趣的可以了解一下。2016-12-12
这篇文章介绍了.NET Core项目使用swagger开发组件的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
MVC中上传变得越来越容易，可是对于新手这个也还是不知道如何实现，以下方式实现MVC的上传功能，以下2种方法都是可以实现的，其中的代码参考了蓝色小铺和重典的文章。2009-11-11
这篇文章主要给大家介绍了关于ASP.NET全栈开发教程之在MVC中使用服务端验证的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
asp.net 支持多语言站点的实现方法，对于想用asp.net做多语言网站的朋友可以参考下，充分发挥asp.net的功能。2010-03-03
URL重写已经很普遍了，但基本上大部分的URL重写都不支持页面的相对路径，所有如果想在已经开发好的项目中添加还是有压力的，第二就是例如微软的那个URL重写是根据正则表达式来处理的，那样是很好，但也有不足之处，就是不方便定位到某个页面只能有哪些参数2011-11-11
在ASP.Net Core应用程序中使用Bootstrap4
这篇文章介绍了在ASP.Net Core应用程序中使用Bootstrap4的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
最新评论