JS根据条件显示参数控件

件」也设置为不可见，如下图所示：2.3 添加事件1）选择 area 「下拉框控件」，为其添加一个「编辑后」事件，即使用 JS 方法在 area 控件选完值后将 province 控件和省份标签设置为可见，如下图所示：JavaScript 代码如

文档创建:印然   创建时间:2015-11-17 编辑:25 | 浏览:84341

https://help.fanruan.com/finereport/doc-view-1195.html

JS实现鼠标点击的行变色

效果在预览模板时，由于数据比较多，希望鼠标点击某行时该行高亮显示，效果如下图所示，那么如何实现呢？1.3 实现思路使用 JS 代码添加加载结束事件，设置当鼠标点击当前行时，当前行为红色。单元格背景相关 JS 接口可参考：修改单元格背景接口2.

文档创建:印然   创建时间:2015-11-17 编辑:35 | 浏览:60324

https://help.fanruan.com/finereport/doc-view-1201.html

JS实现普通报表定时刷新

板添加「加载结束」事件实现。FVS 可视化看板实现定时刷新可参见：FVS模板页面定时刷新 。决策报表实现定时刷新请参考：JS实现决策报表定时刷新 。2. 示例2.1 打开模板点击下载模板：模板.cpt ，在设计器中打开。2.2 添加事件打开一个

文档创建:印然   创建时间:2015-11-17 编辑:28 | 浏览:59091

https://help.fanruan.com/finereport/doc-view-1202.html

JS实现决策报表定时刷新

示时，客户电视机上安装了帆软 App，打开报表或者决策报表，需要定时刷新的效果。该如何实现呢？1.2 实现思路支持定时 JS，以及取消定时：setInterval('location.reload();',100

文档创建:文档助手1   创建时间:2016-03-14 编辑:20 | 浏览:114955

https://help.fanruan.com/finereport/doc-view-1457.html

JS实现隐藏决策报表组件

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\JS隐藏决策报表内报表块或图表块.frm点击下载模板：JS隐藏决策报表内报表块或图表块.frm4. 注意

文档创建:1879483131   创建时间:2017-02-15 编辑:23 | 浏览:67909

https://help.fanruan.com/finereport/doc-view-1736.html

JS实现首尾相接的跑马灯

一种首尾相接的跑马灯滚动效果，如下图所示：1.3 实现思路单元格中添加 html 代码，用 html 显示内容，再配合 JS 实现滚动效果。2. 普通报表示例2.1 打开模板打开%FR_HOME%\webroot\WEB-INF\reportl

文档创建:呆呆   创建时间:2017-02-16 编辑:28 | 浏览:69249

https://help.fanruan.com/finereport/doc-view-1746.html

JS控制工具栏按钮的属性

交成功后，打印和输出功能不可用。1.3 实现思路在「模板 Web 属性>填报页面设置」，添加「填报成功」事件，用 JS 根据按钮的序号设置按钮是否可用或可见。工具栏相关 JS 接口可参考：工具栏2. 示例2.1 准备模板准备一个填报模板。

文档创建:yiyemeiying   创建时间:2017-02-24 编辑:20 | 浏览:28288

https://help.fanruan.com/finereport/doc-view-1805.html

JS实现填报数据逻辑删除

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现数据逻辑删除.cpt点击下载模板：JS实现数据逻辑删除.cpt

文档创建:flyingsnake   创建时间:2017-03-03 编辑:18 | 浏览:38879

https://help.fanruan.com/finereport/doc-view-1863.html

JS实现普通报表自动轮播

(function(){window.location="${servletURL}?viewlet=doc/JS/分页预览JS实例/普通报表自动轮播2.cpt";},3000)添加代码后将其存为普通报表自动轮播1.cpt。

文档创建:yiyemeiying   创建时间:2017-05-13 编辑:23 | 浏览:37063

https://help.fanruan.com/finereport/doc-view-1977.html

JS实现点击超链切换Tab块

单元格的超级链接，实现 Tab 块的切换。如下图所示：1.3 实现思路使用 JavaScript 类型的超级链接，通过 JS 接口 showCardByIndex，实现 Tab 切换。2. 示例2.1 新建模板新建决策报表，拖入 1 个报表块和

文档创建:chuan   创建时间:2017-08-03 编辑:27 | 浏览:52451

https://help.fanruan.com/finereport/doc-view-2099.html

JS获取扩展控件的所有值

新建模板，在 A1 单元格添加「单选按钮组控件」，控件名设置为 p1，如下图所示：注：控件名称 p1 将和即将添加点的 JS 配合使用，若修改，请修改 JS 中相应的代码。2）选定 A1 单元格，设置 A1 单元格纵向扩展，如下图所示：3）选定

文档创建:cherishdqy   创建时间:2017-08-04 编辑:15 | 浏览:46276

https://help.fanruan.com/finereport/doc-view-2100.html

JS实现自定义工具栏高度

0 ，高 100，如下图所示：1.3 实现思路在「模板 Web 属性>分页预览设置」中添加「加载结束」事件，利用 JS 控制工具栏的高度。2. 示例2.1 准备模板准备一个空白模板。2.2 添加事件打开模板，点击「模板>模板 Web

文档创建:yi丶搁浅   创建时间:2018-03-29 编辑:13 | 浏览:13739

https://help.fanruan.com/finereport/doc-view-2366.html

JS实现鼠标悬停显示图片

表格某一列中任意单元格上，便会显示设置好的图片，鼠标离开该单元格，图片消失。如下图所示：1.3 实现思路实现方法：使用 JS 代码添加加载结束事件，设置当鼠标悬浮指定单元格时，出现提示。11.0.10 之前版本单元格提示 JS 接口，请参见：设

文档创建:伊丽利亚   创建时间:2018-10-22 编辑:24 | 浏览:40970

https://help.fanruan.com/finereport/doc-view-2478.html

JS实现大屏旋转网格背景

个酷炫的大屏旋转网格背景，如下图所示：1.2 实现思路采用插入动态 GIF 背景图的方式是无法完美自适应的，所以直接用 JS 代码来制作效果更好。2. 示例2.1 新建报表点击设计器左上角「文件>新建决策报表」。将 body 背景设置为「

文档创建:L大大   创建时间:2020-01-08 编辑:2 | 浏览:20384

https://help.fanruan.com/finereport/doc-view-3178.html

JS实现文字动态轮播特效

1. 概述1.1 预期效果实现文字 2.5D 动态轮播效果，如下图所示：1.2 实现思路报表中引用外部 JS 和 CSS 文件，利用公式函数解析，实现轮播效果。2. 示例2.1 添加函数1）将压缩包 Carousel.rar 中

文档创建:hubery1027   创建时间:2020-03-30 编辑:6 | 浏览:11678

https://help.fanruan.com/finereport/doc-view-3343.html

JS实现动态数据库表获取

-04-16 的数据，则需要查询 test_0415 和 test_0416 两张表。如下图所示：1.3 实现思路借助 JS 来进行判断选择的日期区间，然后通过 for 来实现多 select 的 union 操作，返回完整的 SQL 语句实现

文档创建:chuzhihao   创建时间:2020-05-06 编辑:11 | 浏览:24037

https://help.fanruan.com/finereport/doc-view-3432.html

JS实现一键清除填报内容

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现一键清除填报内容.cpt点击下载模板：JS实现一键清除填报内容.cpt4. 扩展单元格清空内

文档创建:Scyalcire   创建时间:2020-05-08 编辑:10 | 浏览:21360

https://help.fanruan.com/finereport/doc-view-3434.html

JS实现按钮文字竖排显示

按钮后，可修改按钮名称。一般按钮名称都是横排显示的。若需要竖排显示，该如何实现呢？如下图所示：1.3 实现方法通过添加 JS 的方法实现字体竖排显示。2. 示例2.1 准备模板新建模板，在「参数面板」添加一个「按钮控件」，调整按钮形状。如下图所

文档创建:最懒的小孩   创建时间:2020-06-19 编辑:11 | 浏览:11062

https://help.fanruan.com/finereport/doc-view-3500.html

获取FCM的google-services.json

1. 概述App 打包支持 FCM 推送海外消息，开启 FCM 后需要上传文件 google-services.json，那么这个文件如何获取呢？下面将详细介绍。2. 操作步骤2.1 进入官网点击链接：https://co ole.fi

文档创建:Leo.Tsai   创建时间:2021-01-20 编辑:3 | 浏览:2677

https://help.fanruan.com/finereport/doc-view-3855.html

JS实现限制最大插入行数

概述1.1 问题描述插入行的场景中，想要限制用户插入的总行数，要怎么实现呢?1.2 解决方案在插入行按钮控件中，添加 JS 点击事件，判断当前总行数并执行对应事件。接口说明可以参考：填报预览专有2. 示例2.1 准备数据新建数据集ds1，从F

文档创建:Kevin-s   创建时间:2021-05-13 编辑:8 | 浏览:7795

https://help.fanruan.com/finereport/doc-view-4045.html