反馈已提交

网络繁忙

设置单元格提示接口

  • 文档创建者：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后关闭