JS实现FVS模型的显示或隐藏

效果预览点击模板右上角「保存」，「预览」按钮，效果如 1.2 节效果所示。注：不支持移动端。3. 模板下载点击下载模板：JS实现FVS模型的显示或隐藏.fvs

文档创建:用户z1931049   创建时间:2023-08-29 编辑:3 | 浏览:2287

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

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

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

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

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

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

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

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

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 | 浏览:13164

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 | 浏览:13232

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

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

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

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

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 | 浏览:11156

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

JS实现参数面板显示对应数据

对照填报界面的 自动匹配 章节，在参数界面也用 SQL 语句实现对应数据的展示 ，当第一次打开模板时，标签不显示可以通过JS 控制实现。2. 示例2.1 新建模板新建普通报表，新建数据集 ds1 ，SQL语句为SELECT * FROM 订单

文档创建:文档助手1   创建时间:2015-11-04 编辑:26 | 浏览:59445

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS实现报表预览超时自动跳转

作，再利用 window.location 来跳转到指定页面，通过 Ajax 来进行数据的交互。2. 示例2.1 准备 JS 文件在%FR_HOME%\webapps\webroot\help目录下新建一个 logout.js 文件。点击可下载

文档创建:yets11   创建时间:2017-02-26 编辑:12 | 浏览:17452

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

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

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

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

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

JS实现点击报表实现全屏效果

来的样子。适用于某些不配备键盘，大屏讲解的场景。注：此处以决策报表为例，在普通报表中，通过点击按钮实现全屏的方法可参考：JS 实现点击按钮实现全屏预览1.2 解决思路利用 JS 来控制点击报表来实现全屏效果。2. 示例2.1 准备模板准备内置模

文档创建:天狮座   创建时间:2018-03-29 编辑:14 | 浏览:21125

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

JS实现日期控件查询天数控制

和结束时间，想要判断开始时间不能大于结束时间，且两者间隔不超过 30 天。1.3 实现思路在查询按钮的点击事件中，利用 JS 获取日期控件值，判断日期间隔和日期大小，如果不满足规则就弹出提示并阻止查询。接口说明可以参考：控件通用2. 示例2.1

文档创建:橙子超人   创建时间:2019-11-09 编辑:19 | 浏览:26161

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

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

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

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

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 | 浏览:12878

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

JS实现自定义切换查看报表块

击不同按钮，展现不同的报表，和 Tab 效果类似。如下图所示：1.2 实现思路在决策报表中添加按钮和报表块，给按钮添加 JS 事件，来控制报表块的显示和隐藏。使用超级链接也可以实现该效果，实现思路参见文档：超链实现类Tab联动 。2. 示例2.

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

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

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

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

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

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