3D 翻页式计数器插件

  • 文档创建者:静听禅鸣
  • 编辑次数:17次
  • 最近更新:RosieY 于 2021-01-26
  • 1. 概述

    1.1 版本

    报表服务器版本
    JAR 包版本插件版本
    10.02019-11-016.5
    9.02018-08-055.7
    8.02017-09-305.6

    1.2 应用场景

    大屏场景下,报表设计者经常会遇到需要快速变动刷新数字的情况,用简单文字的实现方式会显得比较粗糙,因而开发了这款插件用于实现翻页式计数效果。

    注:该插件只适用于决策报表。

    1.3 功能介绍

    • 决策报表控件管理面板新增控件类型:翻页计数器

    • 用户可自定义翻页计数器的数据来源、刷新频率、字体、颜色等

    翻页计数器的示例效果如下图所示:

    222

    2. 插件介绍

    2.1 插件安装

    点击下载插件:超酷3D翻页式计数器

    设计器插件安装方法参照:设计器插件管理

    服务器安装插件方法参照:服务器插件管理 

    2.2 操作方法

    安装插件后,在决策报表的控件管理面板中,将翻页计数器这个控件拖入决策报表设计主体中。

    Snag_2fae6bee.png

    2.3 属性设置

    选中该控件后,可以在右下方属性面板对控件的内容和属性进行设置,如下图所示:

    Snag_2fb65cf4.png

    每个设置项的详细介绍如下:

    1)数据源

    翻页计数器的数据来源,作为控件的显示值,共有三种类型:

    注:数据源的数据需要是数值类型的,且数值类型中不支持小数。

    • 空值:即无值,展示时无数据刷新

    • 公式:通过公式计算得到控件的显示值

    • 字段:绑定服务器数据集的数据,前端展示的数据可以跟随数据库表中数据变化而变化,从而实现动态展示的效果

    2)对齐方式

    翻页计数器展示时所处的位置,共有三种对齐方式:

    • 左对齐:翻页计数器显示在左上角

    • 居中对齐:翻页计数器显示在正中间

    • 右对齐:翻页计数器显示在右上角

    3)刷新频率

    数据的刷新频率,单位为秒,设置为0时,数据不刷新。

    注:设置刷新频率后需要回车保存,点击空白处是不会自动保存的。

    4)字体

    • 字体大小

    • 字体颜色

    • 字体透明度

    5)背景

    • 背景颜色

    • 横线颜色

    • 背景透明度

    3. 示例

    3.1 设计报表

    新建决策报表,将翻页计数器控件拖到报表设计主体中,设置数据源为公式:second(now()),刷新频率为 1 秒,其余保持默认设置。

    注:公式表示实时显示当前时间的秒数。

    Snag_2fe29bac.png

    3.2 效果预览

    保存报表,点击PC端预览,实时展示当前时间秒数的效果如下图所示:

    222

    注:不支持移动端。

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\翻页计数器.frm

    点击下载模板:翻页计数器.frm

    5. 注意事项

    5.1 无法获取计数器数据

    1)问题描述

    其他按钮通过 JS 获取翻页计数器控件的值时。

    Snag_1d59567d.png

    无法获取数据,且有如下报错信息:

    Snag_1d5e91a9.png

    2)原因分析

    目前插件不支持 getvalue 这个属性,所以获取不到数据。


    附件列表


    主题: 决策报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526