反馈已提交

网络繁忙

设置单元格提示接口

  • 文档创建者:RosieY
  • 历史版本:8
  • 最近更新:RosieY 于 2023-01-06
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

    新增 addEffect 接口

    11.0.7移动端, APP\H5 版本 11.0.70 及以后支持该接口。

    addEffect

    方法addEffect(type, opts)

    鼠标悬浮单元格时出现提示框

         参数

    type: string,

    opts: {

    address: string,

    text: string,

    image: string,

    header:string

    }

    type:提示类型,字符串

    • showTooltip:鼠标悬浮单元格时文本/图片提示

    opts:提示属性,json 格式

    1)address:单元格地址,字符串,如 'A1'

    2)text:提示的内容,字符串

    3)image:图片 URL 路径,字符串,图片格式支持 pn   g、jpg。图片来源可以为网页图片, 如 :

    https://www.fanruan.com/images/logo-fanruan.png

    也可以将图片放置在报表工程目录 %FR_HOME%\webapps\webroot 下,通过URL 访问。如:

    http://localhost:8075/webroot/11.jpg

    4)header:标题,字符串,image 存在时生效

    注:image 和 text 属性同时存在时,只生效 text 属性

       返回值void
         示例

    见示例章节

      应用示例

    鼠标悬浮 A1 单元格时出现提示框,提示内容为“订单ID10001”:

    更多示例见示例章节。

    2021-09-23_15-50-52.gif

       移动端APP\H5 版本 11.0.70 及以后支持该接口。

    以下内容为接口示例,分文字提示、图片提示,分别对应 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

    2021-09-23_15-50-52.gif

    单元格图片提示

    代码示例

    示例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

    2021-11-02_9-43-16.gif

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭