通过条件属性实现单元格内容的闪烁效果

编辑
文档创建者:yiyemeiying (78157 )     浏览次数:690次     编辑次数:2次     最近更新:jiangsr 于 2017-12-06     

目录:

1. 需求描述编辑

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

如图:
222

2. 实现思路编辑

2.1 添加自动以样式  

在工作目录下添加一个自定义css文件,比如T1.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,选中新建的css磁盘文件,添加。如图:

222

2.3 添加单元格 条件属性

用【HTML显示内容】来实现

222

3. 示例编辑

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

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: