反馈已提交

网络繁忙

设置单元格提示接口

  • 文档创建者:RosieY
  • 历史版本:9
  • 最近更新:Tracy.Wang 于 2024-11-12
  • 版本

    版本功能变动
    11.0
    和 10.0 区别:

    新增 addEffect 接口

    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

       移动端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

    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

    附件列表


    主题: 二次开发
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持