当前位置: 开发笔记 > 前端 > 正文

AjaxControlToolkitBalloonPopup的使用实例及效果

作者：政儒思贤丽正 | 来源：互联网 | 2022-03-06 02:33

AjaxControlToolkit工具包的简介及获取方式等，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>

2.添加 Panel 控件充当容器，用于容纳提示内容；

代码如下:

    
小丸子，我给你讲个笑话吧~~
asp:Panel>

3.添加 BalloonPopupExtender 控件，定制样式、绑定目标控件及提示信息容器等；

代码如下:

Position="TopLeft"                
TargetCOntrolID="Image2"                
BalloOnPopupControlID="Panel1" 
BalloOnSize="Small"              
Balloon           
DisplayOnMouseOver="True" />

4.运行页面，将看到如下效果：

更多使用方法，请参见 Ajax Control Toolkit 示例站点。

推荐阅读

html
javaweb多图片打包下载，弹出提示框问题_html/css_WEBITnose

在springmvc框架中，前台ajax调用方法，对图片批量下载，如何弹出提示保存位置选框？Controller方法 ... [详细]

蜡笔小新 2023-12-12 14:56:31
html
position属性absolute与relative的区别和用法详解

本文详细解读了CSS中的position属性absolute和relative的区别和用法。通过解释绝对定位和相对定位的含义，以及配合TOP、RIGHT、BOTTOM、LEFT进行定位的方式，说明了它们的特性和能够实现的效果。同时指出了在网页居中时使用Absolute可能会出错的原因，即以浏览器左上角为原始点进行定位，不会随着分辨率的变化而变化位置。最后总结了一些使用这两个属性的技巧。 ... [详细]

蜡笔小新 2023-12-12 13:16:49
html5
前端人员必须知道的三个问题及其发展阶段

本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]

蜡笔小新 2023-12-12 12:45:59
html5
Tomcat/Jetty为何选择扩展线程池而不是使用JDK原生线程池？

本文探讨了Tomcat和Jetty选择扩展线程池而不是使用JDK原生线程池的原因。通过比较IO密集型任务和CPU密集型任务的特点，解释了为何Tomcat和Jetty需要扩展线程池来提高并发度和任务处理速度。同时，介绍了JDK原生线程池的工作流程。 ... [详细]

蜡笔小新 2023-12-13 16:18:09
html
Java的集合及其实现类详解

本文介绍了Java的集合及其实现类，包括数据结构、抽象类和具体实现类的关系，详细介绍了List接口及其实现类ArrayList的基本操作和特点。文章通过提供相关参考文档和链接，帮助读者更好地理解和使用Java的集合类。 ... [详细]

蜡笔小新 2023-12-13 14:12:18
html
高质量SQL书写的30条建议

本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]

蜡笔小新 2023-12-13 13:24:33
html
指针的引用以及在什么情况下使用指针的引用

本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址，通过指针可以修改指针所指的变量的值。然而，如果想要修改指针的指向，就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法，并思考了在修改指针的指向后，取指针的输出结果。 ... [详细]

蜡笔小新 2023-12-13 12:54:29
html
电流源并联合并的方法及谐振电路的原理

本文介绍了电流源并联合并的方法，以及谐振电路的原理。谐振电路具有很强的选频能力，通过将电感和电容连接在一起，电流和电压会产生震荡。谐振频率的大小取决于电感和电容的大小，而电路中的电阻会逐渐降低震荡的幅度。电阻和电容组成的电路中，当电容放完电后，电阻两端的电压为0，电流不再流过电容。然而，电感是一种特殊的器件，当有电流流过时，线圈会产生感应磁场，阻止电流的流动，从而使电流不会减小。 ... [详细]

蜡笔小新 2023-12-13 12:49:32
html
猜字母游戏

猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]

蜡笔小新 2023-12-13 12:04:03
html
org.apache.catalina.LifecycleEvent类的使用及代码示例

标题： ... [详细]

蜡笔小新 2023-12-13 11:03:10
jquery
解决IE678伪类不兼容问题的方法

本文介绍了解决IE678伪类不兼容问题的方法，包括少用CSS3和HTML5独有的属性，使用CSS hacker，使用last-child清除浮动、批量添加标签、去掉list item最后一个的border-right等技巧。同时还介绍了使用after清除浮动时加上IE独有属性zoom:1的处理方法。另外，本文还提到可以使用jQuery代替批量添加标签的功能，以及使用负边距和CSS2选择器element+element去掉list item最后一个的border-right的方法。 ... [详细]

蜡笔小新 2023-12-13 10:50:43
json
单点登录原理及实现方案详解

本文详细介绍了单点登录的原理及实现方案，其中包括共享Session的方式，以及基于Redis的Session共享方案。同时，还分享了作者在应用环境中所遇到的问题和经验，希望对读者有所帮助。 ... [详细]

蜡笔小新 2023-12-12 19:23:28
json
Docker容器技术中限制容器对CPU的使用方法

本文介绍了在Docker容器技术中限制容器对CPU的使用的方法，包括使用-c参数设置容器的内存限额，以及通过设置工作线程数量来充分利用CPU资源。同时，还介绍了容器权重分配的情况，以及如何通过top命令查看容器在CPU资源紧张情况下的使用情况。 ... [详细]

蜡笔小新 2023-12-12 18:31:07
json
集合的遍历方式及其局限性

本文介绍了Java中集合的遍历方式，重点介绍了for-each语句的用法和优势。同时指出了for-each语句无法引用数组或集合的索引的局限性。通过示例代码展示了for-each语句的使用方法，并提供了改写为for语句版本的方法。 ... [详细]

蜡笔小新 2023-12-12 15:34:14
json
Python SQLAlchemy库的使用方法详解

本文详细介绍了Python中使用SQLAlchemy库的方法。首先对SQLAlchemy进行了简介，包括其定义、适用的数据库类型等。然后讨论了SQLAlchemy提供的两种主要使用模式，即SQL表达式语言和ORM。针对不同的需求，给出了选择哪种模式的建议。最后，介绍了连接数据库的方法，包括创建SQLAlchemy引擎和执行SQL语句的接口。 ... [详细]

蜡笔小新 2023-12-12 15:23:06

政儒思贤丽正

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章