JS 实现动态选择报表背景色

1. 概述1.1 预期效果报表开发中，为提升报表美观度，可以使用 JS 实现报表背景色的动态切换。如下图所示：1.2 实现思路报表设计时，在参数面板添加按钮控件， 给按钮添加 JS 点击事件

文档创建:Kevin-s   创建时间:2019-09-16 编辑:15 | 浏览:18125

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

JS判断操作系统语言(浏览器)

如何通过判定操作系统语言环境来自动跳转到对应语种的页面呢？这是多语种并存的企业单位需要解决的问题。1.2 实现思路通过 JS 代码，判断浏览器类型。2. 示例1）新建模板，在 A1 单元格添加一个「按钮控件」，可以通过给该按钮添加「点击」事件，

文档创建:flyingsnake   创建时间:2017-03-10 编辑:9 | 浏览:13680

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

[通用]JS手机扫码添加联系人

面的二维码添加联系人的效果如下图所示：1.2 实现思路实现此功能需要 jQuery 来获取元素，报表设计时需要引入外部 JS 和 CSS 文件，生成二维码是通过添加模板预览 JS 事件实现的。2. 示例2.1 报表设计新建模板，设计报表样式，如

文档创建:cd_cw   创建时间:2020-03-11 编辑:7 | 浏览:13159

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

[通用]移动端JS模板实现跳转

1. 概述1.1 版本报表服务器版本AppHTML5 移动端展现插件11.0V11.0V11.01.2 功能简介通过 JS 语句，实现点击模板上方汇总数据跳转到下方详细数据的效果。注1：该方法不支持横屏。注2：若全屏放大后触发 JS ，退出全

文档创建:Wendy123456   创建时间:2020-04-24 编辑:6 | 浏览:13223

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

[通用]JS实现移动端连续扫码

么每扫完一次提交后，又要去点击控件的扫码按钮重新打开扫码界面，非常影响录入数据的效率。针对上述问题，新增一个连续扫码的 JS 方法scanCode()，在填报事件中添加该方法即可在扫完一次提交后，自动进入下一个扫描，效果如下图所示：1.3 方法

文档创建:Leo.Tsai   创建时间:2020-10-28 编辑:9 | 浏览:10975

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

[通用]JS实现移动端导出文件

模板参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\移动端导出文件.cpt点击下载模板：移动端导出文件.cpt4. 注意事项4.1 iOS 端已知问题4.1.1 导出 W

文档创建:Leo.Tsai   创建时间:2020-12-04 编辑:13 | 浏览:11146

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

JS获取当前编辑行单元格行号

填报页面设置，选择「为该模板单独设置」，增加一个「加载结束」事件，让被点击单元格的行号显示在 F1单元格中，如下图所示：JS 代码如下：_g().on("cellselect", function(td) { //设置单元格

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

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

JS实现回调函数中自定义提示

型为「提交入库」，绑定数据列，设置填报属性，如下图所示：2.3 设置回调函数设置填报属性后，点击「设置回调函数」，添加 JS 事件，事件内容为填报成功则提示填报成功，填报失败则提示填报失败，如下图所示：JavaScript 代码如下：if (f

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

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

JS实现普通报表显示实时时间

图所示：1.2 实现思路获取当前的时间，一秒刷新一次报表，将当前时间显示在某个单元格中。2. 示例一普通报表中通过添加 JS 实现 ，JS 代码中每秒获取一次时间。注：FVS 可视化看板请参见文档 FVS时间组件 ，决策报表请参见文档 JS实现

文档创建:静听禅鸣   创建时间:2016-07-05 编辑:37 | 浏览:47313

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

JS实现点击按钮实现全屏预览

，如何全屏预览单张报表呢？注：本文实现的是普通报表点击按钮全屏显示的实现方法，决策报表中点击按钮实现全屏的方法参见文档：JS 实现点击决策报表实现全屏效果1.2 实现思路添加按钮点击事件实现全屏预览功能。注：该方法仅适用于谷歌、火狐、360（极

文档创建:cherishdqy   创建时间:2017-02-23 编辑:17 | 浏览:22862

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

JS实现报表标题动态滚动效果

，为了能突出提示某些内容，我们需要一些特殊效果，比如需要实现浏览器标题栏动态滚动效果。如下图所示：1.2 实现思路利用 JS 中 document.title="标题"方法，结合定时函数功能来设置标题动态展示注：适用于后台中

文档创建:yets11   创建时间:2017-04-04 编辑:8 | 浏览:24413

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

JS实现填报控件只能填写一次

格插入下拉框控件，如下图所示：2.3 设置数据字典选中 C4 单元格，设置下拉框控件数据字典，如下图所示：2.4 设置 JS 事件选中 C4 单元格，添加编辑后事件，如下图所示：JavaScript 代码如下：if(this.getValue(

文档创建:Scyalcire   创建时间:2020-08-11 编辑:12 | 浏览:15993

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

JS实现填报只校验修改行数据

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\填报只校验修改行数据.cpt点击下载模板：填报只校验修改行数据.cpt

文档创建:星踪   创建时间:2021-05-12 编辑:7 | 浏览:12859

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

JS实现根据控件值动态插入行

.2 实现思路单元格的扩展计算在页面加载结束后就固定了，所以使用公式等方式是无法实现动态扩展的。需要使用插入行接口，配合JS赋值方可实现需求。接口说明可以参考：API接口汇总注：不支持移动端。2. 示例2.1 准备数据1）新建数据集ds1，从F

文档创建:星踪   创建时间:2021-05-24 编辑:6 | 浏览:13367

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

JS实现下拉框悬浮显示实际值

中设置了实际值与显示值，展示的时候只能看到显示值，希望鼠标放上去的时候，可以悬浮显示实际值，如下：1.3 实现思路利用 JS 获取当前的显示值，结合 FR 的公式获取到实际值，再显示出来。2. 示例2.1 模板设计1）新建一个数据查询 ds1，

文档创建:axing   创建时间:2021-07-21 编辑:7 | 浏览:9341

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

JS实现自定义按钮提交前校验

验和提交成功/失败提示的，如果想要增加校验，该如何实现呢？1.2 实现思路使用2个按钮分别实现提交和校验。其中一个按钮写JS触发校验，判断如果成功的话就调用另一个提交按钮的点击事件，实现数据提交入库。接口说明可参考：API接口汇总注：下面示例中

文档创建:Carly   创建时间:2021-11-11 编辑:6 | 浏览:20000

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

JS实现决策报表显示实时时间

入公式：now()，如下图所示：3.2 设置刷新设置刷新，可以通过安装 决策报表内报表块刷新插件 实现，也可以通过添加 JS 实现。以下两种方法选择一种即可。1）方法一：若安装插件，设置定期刷新报表块，刷新间隔为 1 秒，如下图所示：2）方法二

文档创建:Wendy123456   创建时间:2021-11-16 编辑:5 | 浏览:18647

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

JS实现单选按钮选项不同颜色

如果设置了也没有错。2.3 预览效果点击保存，预览后效果如下所示：PC 端：注：不支持移动端3. 模板下载点击下载模板：JS实现单选按钮选项不同颜色.cpt

文档创建:axing   创建时间:2022-07-11 编辑:4 | 浏览:8900

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

JS实现弹窗后按回车关闭弹窗

果保存模板，点击预览。点击超链，跳出提示框，键盘敲击回车，即可关闭提示框。注：不支持移动端。3. 模板下载点击下载模板：JS实现弹窗后按回车关闭弹窗.cpt

文档创建:axing   创建时间:2022-10-23 编辑:1 | 浏览:8538

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

JS实现鼠标悬停显示文字提示

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

文档创建:yzm793934   创建时间:2023-01-29 编辑:2 | 浏览:12528

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