历史版本1 :通过条件属性实现单元格内容的闪烁效果 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

一、需求描述编辑

在报表制作过程中,有时为了突出满足一定条件的单元格效果,往往需要对其进行一些特效处理,比如添加单元格闪烁效果等,当我们遇到这样的需求时,该如何实现呢?

如图:

222

二、实现思路编辑

2.1  在工作目录下添加一个自定义css文件,比如TI.CSS。

如图:
222

css脚本:

@keyframes twinkling{ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } } @-moz-keyframes twinkling { /* Firefox */ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } } @-webkit-keyframes twinkling{ /* Safari 和 Chrome */ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } } @-o-keyframes twinkling { /* Opera */ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } }

2.2 添加服务器配置文件,引用新建的css文件。

选中工具栏,服务器→服务器配置→引用css,选中新建的css磁盘文件,添加。

如图:

222

2.3 添加单元格 条件属性,用 HTML显示内容 来实现。

222

三、示例编辑

3.1 打开报表  %FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt 报表。

3.2 在B2单元格添加条件属性,条件公式:=$$$<12

3.3 添加属性 【前景】、【新值】属性,值分别为【红色】 当前格子、 公式:CONCATENATE("<div style='animation:twinkling .75s linear infinite'>" + $$$ + "</div>")

如图:

222

3.4 保存设置,以【分页预览】方式打开。

效果图:

222