历史版本3 :Tab轮播特效插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包版本

插件版本

10.02018-07-31V1.0

1.2 应用场景

目前决策报表tab块默认的轮播效果是渐变切换,比较单一。

此插件功能为决策报表tab块增强,提供轮播效果配置项,实现报表tab多种展示效果,例如横向滚动效果、上下滚动等轮播效果。

1.3 功能介绍

此插件功能为实现tab轮播特效功能。通过控件配置选项,实现报表中tab块轮播效果的变更。

功能描述如下:

  • 在设计器的决策报表工具栏中新增一项“tab块”组件。

  • 控件设置画面,增加“轮播特效”配置项。

  • 报表预览实现横向滚动、上下滚动、3D翻转等效果。

2. 插件介绍编辑

2.1 插件安装

点击下载插件:tab轮播特效插件

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

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

2.2 操作方法

2.2.1 添加组件

安装好插件后,在设计器打开对应报表文件,决策报表工具栏中新增一项“tab块”组件。决策报表设计时,将 Tab 块组件拖拽至决策报表主体中。如图:

image.png

注意:安装完插件后,同步在工具栏控件增加一个“tab块布局”控件,此项无需使用。(仅用于tab块组件嵌套)。

2.2.2 参数配置

插件安装后,报表控件设置画面,已增加“轮播特效”配置项,需要设置特效选项。

点击左侧控件设置,打开tab布局属性界面,如下图:

image.png

先勾选“开启轮播”,在“轮播特效”选项,可以设定各种报表展示效果。包括渐变切换、横向滚动、上下滚动、3D翻转效果。

预览报表即可看到展示效果。

3. 示例编辑

3.1 报表设计

1)打开报表%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Oldchart\advanced\tab标签.frm,菜单栏点击模板>模板Web属性>分页预览设置>为该模板单独设置,双击分页器组件,添加到工具栏后点击确定。

image.png

image.png

3.2 效果预览

保存报表,点击预览 ,查看报表效果:

image.png

4. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\tab轮播特效插件.frm

点击下载模板:tab标签Plus.frm