反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

点击超链改变单元格/行背景色

  • 文档创建者:皮卡皮卡丘
  • 历史版本:4
  • 最近更新:Alicehyy 于 2021-03-30
  • 1. 概述

    1.1 预期效果

    设计报表时,希望实现点击单元格时,点击的当前「单元格」或「行」高亮显示,且若单元格值存在相同数据时,全部高亮显示。预期效果如下图所示:

    1617087177914619.gif

    1.2 实现思路

    这里我们通过「超级链接」和「条件属性」结合来实现:

    • 设置超级链接动态参数,传递当前点击单元格的值

    • 条件属性判断当前的动态参数值(即当前单元格的值),改变当前单元格或行的背景色

    2. 示例

    2.1 准备数据

    新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT * FROM 销量

    Snag_13cd7a2.png

    2.2 设计报表

    1)将数据列依次拖入 A2~E2 单元格中,设计报表样式如下图所示:

    1617087424613833.png

    2)将 A2 单元格的「数据设置」修改为「列表」,如下图所示:

    Snag_13f6a33.png

    2.3 添加超级链接

     选中要点击的单元格 A2,点击右侧属性面板「超级链接」,添加一个「动态参数」,设置动态参数名称为 p,参数值类型为「公式」,值输入公式为 A2 。如下图所示:

    1617087851357176.png

    2.4 添加条件属性

    依然选中 A2 单元格,点击右侧属性面板添加一个「条件属性」,属性下拉框选择「背景」,自定义颜色和作用与「当前格子」或「当前行」。设置条件为「当等于动态参数 p 时,当前行显示为蓝色」。如下图所示:

    1617088320159117.png

    2.5 效果预览

    2.5.1 PC 端

    保存报表,点击「分页预览」,效果与 1.1 节预期效果一致。

    2.5.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    483774C7-EA5A-4DEF-86D7-140E2C60F3FC.GIF

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\点击超链改变当前行背景色.cpt

    点击下载模板:点击超链改变当前行背景色.cpt

    附件列表


    主题: 报表专题
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526