版本
版本 | 功能变动 |
---|---|
11.0 | 和 10.0 区别: 新增 addEffect 接口 |
addEffect
方法 | addEffect(type, opts) | 鼠标悬浮单元格时出现提示框 |
---|---|---|
参数 | type: string, opts: { address: string, text: string, image: string, header:string } | type:提示类型,字符串
opts:提示属性,json 格式 1)address:单元格地址,字符串,如 'A1' 2)text:提示的内容,字符串 3)image:图片 URL 路径,字符串,图片格式支持 pn g、jpg。图片来源可以为网页图片, 如 :
也可以将图片放置在报表工程目录 %FR_HOME%\webapps\webroot 下,通过URL 访问。如:
4)header:标题,字符串,image 存在时生效 注:image 和 text 属性同时存在时,只生效 text 属性 |
返回值 | void | |
示例 | 见示例章节 | |
应用示例 | 鼠标悬浮 A1 单元格时出现提示框,提示内容为“订单ID10001”: 更多示例见示例章节。 | |
移动端 | type 为 showTooltip 时不支持移动端 |
以下内容为接口示例,分文字提示、图片提示,分别对应 type 参数的两个值。
单元格文字提示
代码示例
示例1:若获取到的报表块对象定义为 report ,鼠标悬浮 A2 单元格时出现提示框,提示内容为“订单ID10001”
report.addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
示例2:普通报表中,鼠标悬浮 A2 单元格时出现提示框,提示内容为“订单ID10001”:
_g().addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
示例3:决策报表中,鼠标悬浮在 report0 报表块 A2 单元格上时出现提示框,提示内容为“订单ID10001”:
注:在决策报表中使用该接口,鼠标悬浮出现提示后,需要点击下报表其他任意位置,提示才会消失。
_g().getWidgetByName('report0').addEffect('showTooltip', {
address: "A2",
text: '订单ID10001'
});
应用示例
鼠标悬浮 A2 单元格时出现提示框,提示内容为“订单ID10001”
点击可下载模板:鼠标悬浮单元格文字提示.cpt
单元格图片提示
代码示例
示例1:若获取到的报表块对象定义为 report ,鼠标悬浮 A2 单元格出现帆软 log 字样:
report .addEffect('showTooltip', {
address: "A2",
image:"https://www.fanruan.com/images/logo-fanruan.png"
});
示例2:普通报表中,鼠标悬浮 A2 单元格出现帆软 log 字样:
_g().addEffect('showTooltip', {
address: "A2",
image:"https://www.fanruan.com/images/logo-fanruan.png"
});
示例3:决策报表中,鼠标悬浮 A2 单元格出现帆软 log 字样:
注:在决策报表中使用该接口,鼠标悬浮出现提示后,需要点击下报表其他任意位置,提示才会消失。
_g().getWidgetByName('report0').addEffect('showTooltip', {
address: "A2",
image: "https://www.fanruan.com/images/logo-fanruan.png"
});
应用示例
鼠标悬浮 A2 单元格出现帆软 log 字样
点击可下载模板:鼠标悬浮单元格图片提示.cpt