JS实现切换Tab块时进行数据联动

述1.1 预期效果在决策报表中，希望 Tab 块轮播切换时，可实现与报表块的数据联动。如下图所示：1.2 实现思路通过 JS 获取每个 Tab 块的轮播标题，转换为参数值，再通过控件进行界面传参，实现联动效果。2. 示例2.1 准备数据点击设计

文档创建:杰杰1108   创建时间:2021-01-25 编辑:4 | 浏览:22585

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

JS实现根据控件值自动匹配数据

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现根据控件值自动匹配数据.cpt点击下载模板：JS实现根据控件值自动匹配数据.cpt

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

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

JS实现预览模板时进行密码效验

本功能变更11.0-1.2 预期效果用户希望对模板内容进行加密，确保拥有密码的用户方可查看模板内容。1.3 实现思路通过JS事件，实现预览模板时，先弹出密码输入框。密码验证成功后方可查看模板主体内容。2. 示例2.1 添加事件以 Getting

文档创建:352793244   创建时间:2022-04-26 编辑:3 | 浏览:4210

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

JS实现获取当前页的行或列总数

，计算的是扩展后的列数1.2 预期效果在预览报表时出现弹窗，显示当前的总行数或总列数，如下图所示：1.3 实现思路使用 JS 代码添加加载结束事件，在预览报表时出现提示，显示报表中的总行数或总列数。接口相关说明可参考：表格对象接口2. 示例一：

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

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

JS实现三维组件传参仅刷新数据

e 获取组件值。2.3 下拉框控件传参示例使用控件传参时，若控件名称与参数名称 FJ 一致，该控件直接表示该参数，无需 JS 传参即可联动使用到 FJ 参数的组件，整个组件重新加载刷新数据。所以要实现仅刷新数据，需要将控件名称设置为与参数不一致

文档创建:用户z1931049   创建时间:2023-06-19 编辑:5 | 浏览:3515

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

[HTML5]JS控制日期控件可查询天数

9;")}2.2 设计参数面板参数面板拖入决策报表设计主体，并添加两个日期控件如下图所示：控件属性设置控件名称标签名称校验>错误提示左侧控件start_time开始时间:取消勾选「允许为空」，输入「请选择开始时间」右侧控件end

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

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

JS控制单元格控件是否可用/可见

用条件属性可以在页面初始加载后实现控件的状态控制 ，但是后续无法根据用户的一些操作来再次改变控件状态，此时需要使用控件的JS接口来实现需求。接口说明可以参考：控件通用2. 示例2.1 数据准备新建数据集 ds1，从 FRDemo 取数，SQL

文档创建:星踪   创建时间:2021-05-17 编辑:8 | 浏览:38881

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

[通用]JS通过按钮控件开关对话框

m另存为：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\JS通过按钮控件开关对话框子模板.frm2.1.2 添加点击事件关闭对话框选中按钮控件「button0」，点击「组件设

文档创建:Carly   创建时间:2020-06-01 编辑:12 | 浏览:25866

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

JS实现根据当前sheet隐藏参数面板

面板默认会在所有sheet显示，如果希望只有部分sheet展示参数面板，其他不显示，该如何设置呢？1.2 解决思路利用 JS 获取当前 sheet 编号，判断并执行相应的隐藏参数面板方法。注：不支持移动端。2. 示例2.1 设计模板如图设计一个

文档创建:星踪   创建时间:2021-06-15 编辑:3 | 浏览:16141

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

[通用]JS移动端设置文本控件焦点

his.focusCode();，如下图所示：2.3 效果预览完成后，移动端填报预览模板。效果如下图所示：3. 模板下载JS设置控件焦点_mobile.cpt

文档创建:April陶   创建时间:2022-06-28 编辑:1 | 浏览:3297

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

JS对于下拉框数据量大的解决方案

中加载全部项，怎么解决使之在数据量大时能够展示全部项呢？1.3 实现思路在主模板中使用下拉框，点击一个按钮时，引用一个 JS，使其弹出一个对话框，对话框中嵌入下拉项的模板（因模板中的数据量是不受限制的），在此模板中进行模糊搜索，列出的所有下拉项

文档创建:印然   创建时间:2015-11-11 编辑:33 | 浏览:34630

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

JS实现决策报表参数界面自动查询

不点击「查询」按钮，参数控件选择值之后即可将报表结果展现出来呢？如下图所示：1.2 实现思路可以给参数面板中的控件添加 JS 事件，实现控件选择或编辑值后查询数据，呈现报表。JS 接口为：_g().parameterCommit();2. 示例

文档创建:文档助手1   创建时间:2016-03-04 编辑:15 | 浏览:65013

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

JS实现动态改变超链URL中的参数值

webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\JS实现获取超链URL参数值.cpt点击下载模板：JS实现获取超链URL参数值.cpt

文档创建:cherishdqy   创建时间:2017-03-01 编辑:18 | 浏览:50244

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

JS实现通过sql一次性获取多个字段

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\JS实现通过SQL一次性获取多个字段.cpt点击下载模板：JS实现通过sql一次性获取多个字段.cpt

文档创建:yets11   创建时间:2017-05-12 编辑:14 | 浏览:43731

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

JS实现自定义折叠树节点展开层数

本报表服务器版本JAR包日期功能变更11.02021-11-15-11.0.12021-12-06新增折叠树自定义展开 JS 接口1.2 预期效果在日常报表制作过程中，组织树形式是非常便捷常用的展示形式。但在使用过程中，当组织树层级不确定时候，

文档创建:我从山中来   创建时间:2017-06-08 编辑:21 | 浏览:42743

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

JS实现根据不同设备显示不同内容

设备不同显示不同的内容，该怎么实现？如下图所示，模板在移动端和 PC 端预览时，展示内容不同。1.2 实现思路1）通过 JS 来判断当前是浏览器是 PC 端还是移动端，并将判断结果传回报表。2) 根据传回的浏览器结果，利用条件属性的来设置报表的

文档创建:cherishdqy   创建时间:2018-04-16 编辑:16 | 浏览:14818

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

JS实现参数组合筛选的前进和后退

back ，forward。如下图所示：5）编辑报表块，设计报表样式，如下图所示：最终报表样式如下图所示：、2.3 添加JS事件 1）参数面板定义模板全局二维字符串数组和数组索引，保证该数据可以在模板的任意一个 function 中都可以直接调

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

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

JS实现填报长时间未操作关闭窗口

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\填报长时间未操作关闭窗口.cpt点击下载模板：填报长时间未操作关闭窗口.cpt

文档创建:rushwei   创建时间:2020-08-11 编辑:4 | 浏览:10602

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

JS校验填报值是否在数据库中存在

及时校验输入的人员ID是否存在，如不存在，则弹窗提醒。如下图所示：1.2 实现思路给填报控件添加编辑结束事件，通过使用 JS 的取数组差集，再判断差集长度的方法实现。// 差集 数组arr1相对于arr2所没有的let diff = arr1.

文档创建:yzm164288   创建时间:2022-01-24 编辑:1 | 浏览:14124

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

JS实现决策报表中滚屏/跑马灯效果

1. 概述1.1 版本报表服务器版本功能变更11.0-1.2 预期效果普通报表可以参考 JS实现自动滚屏/跑马灯效果 实现跑马灯效果，决策报表中报表块同样希望实现跑马灯效果，如下图所示：1.3 实现思路通过给报表

文档创建:axing   创建时间:2018-04-06 编辑:52 | 浏览:151272

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