反馈已提交

网络繁忙

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

根据条件在单元格插入斜线

  • 文档创建者:axing
  • 历史版本:7
  • 最近更新:Alicehyy 于 2021-04-06
  • 1. 概述

    1.1 问题描述

    在设计报表的时候,可以通过菜单栏的插入斜线功能来插入斜线,如下图所示:

    222

    但是,如果要在满足一定的条件下才插入斜线,如何实现呢?

    1.2 解决思路

    1)方案一:在单元格输入一个斜线,保存报表后预览,使用浏览器的「开发人员工具」,定位到「斜线」可以发现它其实是一个图片。如下图所示:
    1617673099440491.png

    那么添加一个「条件属性>新值」,设置新值为 HTML 代码,再使用 HTML 显示单元格内容即可。

    2)方案二:可以反其道而行之,先在单元格中插入斜线,设置不满足条件时显示数据,那么满足条件时就直接显示斜线。

    2. 示例

    2.1 准备数据

    新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT 姓名,职务,性别,城市 FROM 雇员

    Snag_2447c8da.png

    2.2 设计报表

    将数据列拖入单元格,设计报表样式如下图所示:

    222

    2.3 方案一

    2.3.1 复制HTML

    在任意单元格插入一个斜线,保存报表后预览,使用浏览器的「开发人员工具」,定位到「斜线」,在代码处单击鼠标右键,选择「复制>复制 outerHTML」。如下图所示:

    Snag_245cedb1.png

    也可直接复制如下所示代码:

    <img style="border:0;width:72px;height:17px;" src="data:image/png;base64,iVBORw0KGgoAAA ANSUhEUgAAAEgAAAARCAYAAAB+bOp4AAABg
    ElEQVR4nO3YQUeGURCG4am+JIlIKaKIIooWUUQRRYtoEUUUUUTRIooooo iiRRRRRBFFiyiiaBFRtIgiiiglleoHdI/Z1C+YWXwP1/5xOO87c0RE3nGGObQhV5L
    5l0w0YAIH+MQ1VtCNErdmQZOGagxhG 094xBYGUYVUt3ZBU4oerOIGH9jHOOqR4VctZvLQjnmc4wenmEUrcvyqxUwWmjCJI3zhCkvoQpFftZhJoAYj2MELHrCBA
    VQgxatc 1JShD2u4wxv2MIo6pPtVi5kCdGARF/jGCabRgmy3ZkGjB9IsdkDHYgd2KXaAepCFftViRq9crdgV1KuoV1Kv5rrYVS13axY0+l HXj3u/2Mf+Hq/YFf
    sZ6E8h4dYuaHR86BQbJ3Ss0PFCx4wpsbEjy61Z0OiAqoPqjNjgqt8xHWQXxAbbfL9qMaMrkK5CY2Krkb5c3 IqtTL1iK1Qyf6JLdqXY0r0ptoQ/iy3lw2JLeppb
    u6ApFnvWWRZ75tHnnkOx55/GX7b6R+0E0Y0oAAAAAElFTkSuQmCC">

    2.3.2 添加条件属性

    选中 D2 单元格,添加「条件属性>新值 」,值类型为「字符串」类型,输入复制的 HTML 代码,条件类型选择「公式」,输入公式:len($$$)=0。如下图所示:

    1617677528436900.png

    2.3.3 设置单元格显示内容

    设置 D2 单元格的「单元格属性>其他>显示内容」为「用 HTML 显示内容」。如下图所示:

    1617677696622788.png

    2.4 方案二

    取消方案一的所有设置,在 E 列重复 D 列「城市」,E2 单元格插入斜线,如下图所示:
    222

    2.4.1 添加条件属性

    选中 E2 单元格,添加「条件属性>新值,值类型为「公式」,输入公式:D2,条件类型选择「公式」,输入公式:LEN(D2)>0

    即当 D2 单元格不为空时,显示对应 D2 单元格的值,否则显示 E2 单元格的斜线。

    Snag_2483e9ac.png

    2.4.2 隐藏列

    将 D 列隐藏,如下图所示:

    Snag_24897a7a.png

    2.5 效果预览

    2.5.1 PC 端

    上述两种方案效果一致,保存报表,点击「分页预览」,效果如下图所示:

    Snag_248ca0a1.png

    2.5.2 移动端

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

    Snag_26b358b3.png

    3. 模板下载

    已完成模板可参见:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\根据条件在单元格插入斜线方案一.cpt

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\根据条件在单元格插入斜线方案二.cpt

    点击下载模板:

    根据条件在单元格插入斜线方案一.cpt

    根据条件在单元格插入斜线方案二.cpt

    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526