HTML通过iframe嵌套多张模板并设置联动

报表和 2 张子报表，通过点击超级链接动态改变子报表的值，效果如下图所示：1.2 实现思路在 HTML 中可以通过定义 frameset 标签来组织多个窗口，并在 frame 中设置特定的窗口区域，最终通过 JS 判断实现对不同窗口区域设置不同

文档创建:文档助手1   创建时间:2015-11-11 编辑:16 | 浏览:55769

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

JS实现页面加载后默认显示指定sheet页

.3 效果预览保存报表，点击填报预览，效果如1.1问题描述中所示。注1：不支持移动端。3. 模板下载已完成模板可参见：%FR_HOME%\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\22-JS实现页面加

文档创建:yiyemeiying   创建时间:2017-05-15 编辑:20 | 浏览:27694

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

JS实现无需点击查询按钮即可自动查询

那么如何来实现呢？如下图所示：1.3 实现思路用户可以通过取消勾选「点击查询前不显示报表内容」按钮实现，也可以通过添加 JS 事件实现。如果用户只是想首次查询时，不用点击按钮就能查询，可取消勾选「点击查询前不显示报表内容」按钮，如何取消可查看

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

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

JS实现分页预览改变鼠标所在行的行高

素时，当前行高度变成 40，当鼠标从元素上移开时，行高恢复成原来的高度。2. 示例2.1 打开报表打开设计器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Detail

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

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

JS实现点击单选按钮弹出对话框输入值

e = this.getValue();//获取当前控件值if (value == "其他") { FR.Msg.prompt("输入", "爱好", "", fu

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

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

JS实现工具栏按钮只导出单一格式文件

定义按钮，按钮事件中设置要导出的文件格式。2. 示例我们以自定义导出 txt 文件为例。2.1 准备模板准备内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\GettingStarted

文档创建:yiyemeiying   创建时间:2017-02-27 编辑:11 | 浏览:20877

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

JS实现点击超链打开对话框报表并传参

描述有时一些特殊场景，当内置的「超链接>对话框」打开报表不能满足要求时，如点击按钮实现超链接跳转，就可以通过自定 JS 实现对话框打开报表，如下图所示：1.2 实现思路使用 FR 内置 JS 方法 showDialog 或 doHyper

文档创建:axing   创建时间:2020-09-02 编辑:21 | 浏览:46510

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

JS实现单元格扩展后内容相同进行合并

描述如下，省份和城市这两行是横向扩展出来的，当省份和城市相同时，如何合并单元格呢想要实现的效果如下1.2 实现思路使用 JS 判断两个单元格的值是否相等，相等时合并单元格。2. 示例2.1 模板设计1）新建数据集查询 ds1，SQL 语句如下：

文档创建:axing   创建时间:2020-09-17 编辑:3 | 浏览:25022

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

JS实现点击单元格弹框展示可旋转图片

展示图片并可旋转、放大，弹框可拖拽等，要如何实现呢？如下图所示：1.2 解决思路单元格图片 HTML 显示 ，引入外部 JS 和 CSS 文件。2. 示例2.1 准备文件准备需要的 JS 文件和 CSS 文件，见下面压缩包，解压后放置在%FR_

文档创建:936669367   创建时间:2020-12-11 编辑:6 | 浏览:14383

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

JS实现下拉框控制折叠树展开不同层级

第2层。如下图所示：1.2 解决思路使用模板参数，通过给「查询按钮」添加「点击事件」实现下拉框控件控制折叠树的展开层级。JS 接口的详细介绍，请参见：数据分析专有2. 示例2.1 新建折叠树1）新建数据集，SQL语句为：SELECT * FRO

文档创建:yzm164288   创建时间:2022-01-07 编辑:2 | 浏览:12771

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

JS实现起始日期编辑后结束日期增加7天

辑后 事件，使用 JavaScript 将结束日期赋值为起始日期加7天。2. 示例2.1 打开报表打开设计器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\Time

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

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

JS实现普通报表中自动滚屏/跑马灯效果

口的大小导致内容展示不全，这时可以使用滚屏或跑马灯来实现内容全部展示，如下图所示：1.3 实现思路给报表添加「加载结束」JS 事件实现滚屏和跑马灯的效果。跑马灯的详细接口介绍可参见：跑马灯接口决策报表实现跑马灯效果请参考：JS实现决策报表中滚屏

文档创建:zsh331   创建时间:2017-02-15 编辑:48 | 浏览:95337

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

JS实现分页预览改变指定行的行高/列宽

本文将以改变第 3 行的行高为 35，第 3 列的列宽为 60 ，为例进行说明。11.0.10 之前版本单元格行高相关 JS 接口可参考：修改行高列宽接口11.0.10 及之后版本单元格行高相关 JS 接口可参考：表格行列对象接口2. 改变行高

文档创建:yzm793934   创建时间:2021-10-22 编辑:7 | 浏览:11838

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

JS实现分页预览获取指定行的行高/列宽

高或获取指定列的列宽，如下图所示：1.3 实现思路可以通过添加按钮控件，对按钮添加「点击事件」实现获取行高或列宽。相关 JS 接口可参考：表格行列对象接口2. 获取行高2.1 报表设计1）新建一张普通报表，新建 ds1 数据集：select *

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

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

[通用]JS点击分页报表钻取后返回原页面

示例2.1 新建父模板2.1.1 准备数据新建「模板数据集」，其中 ds1 数据集的 SQL 语句为：SELECT * FROM 销量2.2.2 报表设计1）如下图设计表格，将字段拖入到对应单元格中：2）并打开「模板>重复与冻结设置」，设

文档创建:luojian0323   创建时间:2020-07-29 编辑:4 | 浏览:9165

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

JS实现点击参数面板按钮显示或隐藏数据

pt 修改参数控件的值，单元格中添加条件属性，根据参数值显示或隐藏相应的行。2. 示例2.1 准备模板准备内置模板： %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\GroupR

文档创建:cherishdqy   创建时间:2017-02-27 编辑:12 | 浏览:49801

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

JS实现预览时有边框，打印时无边框效果

这篇文档提供一个预览时显示边框，打印时不显示边框（内容）的解决方案。图例1：图例二：2. 思路我们可以通过添加加载结束 JS 事件来实现！示例 1 脚本：var tr = $("tr", $('div.con

文档创建:zsh331   创建时间:2017-03-28 编辑:4 | 浏览:14092

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

JS实现点击查询后停留在当前查询的Tab页

b 块 JavaScript 事件的设置，这里提供一个基础模板，模板内容不做具体介绍。点击下载模板：多Tab页参数查询.frm ，点击设计器左上角「文件>打开」，打开下载的模板。2.2 新增 Tab 切换事件选中 Tab 块控件，在控件列

文档创建:yiyemeiying   创建时间:2017-11-02 编辑:27 | 浏览:46278

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

JS实现超链跳转前判断子模板是否有数据

据，则主模板直接弹出提示对话框，不跳转到子模板页面。如下图所示：1.2 实现思路获取主模板中需要传给子模板的参数，然后 JS 中调用参数执行子模板的 SQL 查询，如果返回空值，弹出对话框且不跳转，否则跳转到子模板页面。2. 示例2.1 设计子

文档创建:Leo.Tsai   创建时间:2021-08-31 编辑:2 | 浏览:8291

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