决策报表JS使用- FineReport帮助文档 - 全面的报表使用教程和学习资料

文档创建者：用户3pBiH8835

历史版本：61

最近更新：Alicehyy 于 2022-07-07

1. 概述

决策报表中，支持使用 JavaScript 对一些功能进行二次开发，相关接口请参见文档： API 接口汇总。

2. 索引

分类	文档	应用场景
报表块	隐藏滚动条	报表块内容过多时，会出现横向和纵向滚动条，可通过隐藏滚动条美化效果
	JS隐藏报表块滚动条	通过 JS 隐藏报表块滚动条，且可以上下滚动
	JS实现决策报表内报表块刷新/翻页	不刷新整个决策报表，而刷新报表里的某个报表块
	JS实现决策报表中点击标题排序	报表块中实现动态排序，即根据参数值的不同来决定报表按某列升序还是降序排列
	JS实现自定义切换查看报表块	自定义切换报表块，实现 Tab 切换的功能
	JS实现决策报表中滚屏/跑马灯效果	报表块内容上下滚动，实现跑马灯效果
Tab块	数据库表字段控制Tab块隐藏	通过数据库表中设置的字段值来控制每个 Tab 块是否显示，修改时只需要修改数据库表中的值，不用再改前端
	JS实现隐藏Tab块	用户希望可以自定义设置 Tab 的展现与隐藏，比如不同用户可以查看不同的 Tab 块，或者特定场合下隐藏一些 Tab 页
	JS实现切换Tab块时进行数据联动	不同 Tab 页关联不同的数据和内容，Tab 轮播切换时，实现报表块中其他内容联动
	JS实现点击超链切换Tab块	通过 JS 实现 Tab 块的切换，用户可以自主的选择点击超链或者按钮切换到某个 Tab 块
	JS实现决策报表中Tab块轮播	对于多 Tab 块，固定时间间隔内自动循环跳转，鼠标移动不会对其产生干扰
	JS 实现点击查询后停留在当前查询的 Tab 页	多 Tab 且需要参数查询时，每次查询后页面自动跳转到第一个 Tab 页，可以通过 JS 实现点击查询后，不自动跳转到第一个 Tab 页，而在当前 Tab 页
控件	JS实现在报表参数界面获取控件的值	参数界面点击按钮获取 body 画布中控件的实际值
	JS实现获取参数面板控件值	获取参数面板中控件的实际值
	JS实现决策报表参数界面自动查询	决策报表中通过参数面板实现参数查询实现不点击「查询」按钮，参数控件选择值之后即可将报表结果展现
	JS实现参数组合筛选的前进和后退	记录每次查询的参数组合，方便前后切换
	JS实现改变控件透明度	控件和深色背景不一致时，可通过修改控件的透明度来使其一致
其他	JS实现决策报表显示实时时间	在决策报表中显示实时时间
	JS实现决策报表导出单个组件	在决策报表中有多个组件时，希望只导出某个组件
	JS实现决策报表定时刷新	大屏页面定时刷新
	JS隐藏正在加载图标与文字	刷新时，隐藏页面加载图标
	JS实现决策报表中网页框刷新	决策报表中刷新网页框中的报表或者其他跨域页面
	JS实现报表块数据变化后刷新联动的图表块	刷新图表块，图表块数据来源于报表块，报表块数据变化后，图表块也随之刷新
	JS实现暂停和继续轮播报表	自定义轮播多张决策报表，功能类似于 Tab 轮播
	JS实现隐藏决策报表组件	通过按钮控制报表块、图表块的隐藏和显示
	JS实现点击跳转页面和定时跳转页面	点击一个报表块时跳转到另一张报表，或多张报表实现轮播
	JS设置动态背景/边框	制作大屏模板时，给报表或者报表中的某一部分添加动态背景或动态边框
	JS实现时钟效果	美观的钟表效果，可以用在大屏炫酷场景中