历史版本54 :决策报表JS使用 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
决策报表中，支持使用 JavaScript 对一些功能进行二次开发，相关接口请参见文档： API 接口汇总 。
注：决策报表下添加 JS 事件时，获取不到通过动态参数方式传递过来的参数值。
2. 索引编辑
| 分类 | 文档 | 应用场景 |
|---|---|---|
| 控件 | JS实现在报表参数界面获取控件的值 | 参数界面点击按钮获取 body 画布中控件的实际值 |
| JS实现获取参数面板控件值 | 获取参数面板中控件的实际值 | |
| JS实现决策报表参数界面自动查询 | 决策报表中通过参数面板实现参数查询实现不点击「查询」按钮，参数控件选择值之后即可将报表结果展现 | |
| JS实现参数组合筛选的前进和后退 | 记录每次查询的参数组合，方便前后切换 | |
| JS实现日期控件取消选择值后不再传递参数 | 日期控件，选中日期后点击取消即可取消选择值 | |
| JS实现日期控件点击确定后再查询 | 日期控件，选中日期后点击确定后再查询 | |
| JS实现改变控件透明度 | 控件和深色背景不一致时，可通过修改控件的透明度来使其一致 | |
| Tab 块 | JS实现统一Tab块标题宽度 | 使用 Tab 块时，Tab 标题宽度根据字数自动扩展，若想实现统一宽度，补空格的方式比较麻烦，可以通过添加 JS 统一Tab 块标题宽度 注：仅支持旧版决策报表 |
| JS实现隐藏Tab块 | 用户希望可以自定义设置 Tab 的展现与隐藏，比如不同用户可以查看不同的 Tab 块，或者特定场合下隐藏一些 Tab 页 | |
| JS实现点击超链切换Tab块 | 通过 JS 实现 Tab 块的切换，用户可以自主的选择点击超链或者按钮切换到某个 Tab 块 | |
| 数据库表字段控制Tab块隐藏 | 通过数据库表中设置的字段值来控制每个 Tab 块是否显示，修改时只需要修改数据库表中的值，不用再改前端 | |
| JS实现决策报表中Tab块轮播 | 对于多 Tab 块，固定时间间隔内自动循环跳转，鼠标移动不会对其产生干扰 | |
| JS 实现点击查询后停留在当前查询的 Tab 页 | 多 Tab 且需要参数查询时，每次查询后页面自动跳转到第一个 Tab 页，可以通过 JS 实现点击查询后，不自动跳转到第一个 Tab 页，而在当前 Tab 页 | |
| JS实现切换Tab块时进行数据联动 | 不同 Tab 页关联不同的数据和内容，Tab 轮播切换时，实现报表块中其他内容联动 | |
| 联动 | JS实现决策报表导出单个组件 | 在决策报表中有多个组件时，希望只导出某个组件 |
| JS实现决策报表定时刷新 | 大屏页面定时刷新 | |
| JS隐藏正在加载图标与文字 | 刷新时，隐藏页面加载图标 | |
| JS实现决策报表内报表块刷新/翻页 | 不刷新整个决策报表 ，而刷新报表里的某个报表块 | |
| JS实现决策报表中网页框刷新 | 决策报表中刷新网页框中的报表或者其他跨域页面 | |
| JS实现报表块数据变化后刷新联动的图表块 | 刷新图表块，图表块数据来源于报表块，报表块数据变化后，图表块也随之刷新 | |
| JS实现自定义切换查看报表块 | 自定义切换报表块，实现 Tab 切换的功能 | |
| JS实现暂停和继续轮播报表 | 自定义轮播多张决策报表，功能类似于 Tab 轮播 | |
| JS实现隐藏决策报表组件 | 通过按钮控制报表块、图表块的隐藏和显示 | |
| JS实现决策报表中点击标题排序 | 报表块中实现动态排序，即根据参数值的不同来决定报表按某列升序还是降序排列 | |
| JS实现点击跳转页面和定时跳转页面 | 点击一个报表块时跳转到另一张报表，或多张报表实现轮播 | |
| JS实现决策报表中滚屏/跑马灯效果 | 报表块内容上下滚动，实现跑马灯效果 | |
| 其他特效 | JS设置动态背景/边框 | 制作大屏模板时，给报表或者报表中的某一部分添加动态背景或动态边框 注：仅支持旧版决策报表 |
| JS实现时间齿轮 | 动态时间齿轮，图表面板中央展示系统当前的实时时间，一般用于大屏场景展示 | |
| JS实现时钟效果 | 美观的钟表效果，可以用在大屏炫酷场景中 |