[通用]JS实现折叠展开组件

屏」和「折叠展开」按钮，不支持在全屏状态下展开收起组件。2. 示例一：报表块静态折叠展开按钮2.1 模板准备打开模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industr

文档创建:Carly   创建时间:2020-06-02 编辑:9 | 浏览:15324

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

JS给参数控件添加水印文字

加水印文字，给予用户输入提示，编辑控件后水印内容消失。如下图所示：为控件添加水印可直接在控件属性面板中添加，也可以通过 JS 添加。本文介绍通过 JS 给控件添加水印文字。1.3 实现思路 给控件增加「初始化后」事件，事件内容为初始化后，为控件

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

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

JS获取分页预览单元格的值

果有时我们也需要获取分页预览的报表中的某些单元格的类型和值，如下图所示：1.3 实现思路通过添加「加载结束」事件，利用 JS 代码获取到单元格中的值。11.0.10 之前版本单元格值 JS 接口可参考：获取和设置单元格值接口，此接口只能获取单元

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

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

JS实现只提交修改过的数据

汇总注：不支持移动端和 Excel 导入场景。2. 操作步骤2.1 模板准备在 FineReport 设计器中打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\

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

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

JS实现决策报表中Tab块轮播

思路方法一：Tab 布局 中tabpane 中有 Tab 轮播功能，详细可查看 Tab 布局。方法二：添加初始化后事件 JS，实现轮播效果。注：方案支持新自适应。2. 操作步骤2.1 模板准备打开模板%FR_HOME%\webapps\webr

文档创建:Holly   创建时间:2017-05-25 编辑:14 | 浏览:47115

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

JS实现分组内单元格无边框

分组内的报表没有边框，不同分组之间有边框，如下图所示（左边是原格式，右边是需求格式）：1.3 实现思路利用条件属性或者 JS 来控制组内边框显示与否。2. 示例2.1 准备模板1）新建模板，添加数据集 ds1，SQL 语句为： SELECT 地

文档创建:axing   创建时间:2018-03-07 编辑:15 | 浏览:34699

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

JS实现暂停和继续轮播报表

，停止轮播。1.2 解决思路可以通过 JavaScript 延时函数使页面在规定时间后执行跳转到另一不同页面来实现轮播，JS事件中加上鼠标移入移出停止轮播的语句。2. 示例2.1 准备模板1）新建一个决策报表：01-JS 实现暂停和继续轮播fr

文档创建:axing   创建时间:2018-03-19 编辑:17 | 浏览:29222

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

JS修改内容提示框字体样式

性即可。2.3 效果预览保存报表，点击「分页预览」，效果如下图所示：注：不支持移动端。3. 模板下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\22

文档创建:jie.deng02   创建时间:2020-06-10 编辑:11 | 浏览:20655

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

JS实现下拉复选框默认全选

才能变成蓝色边框选中状态，如果默认要这种效果可参考：下拉复选框默认选中全部值1.3 实现思路控件添加初始化后事件，通过 JS 代码实现全选。2. 示例2.1 准备模板1）新建模板，新建数据集查询 ds1，SQL语句为：SELECT * FROM

文档创建:axing   创建时间:2020-12-04 编辑:8 | 浏览:18081

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

JS实现动态选择列并查询值

所示：注：使用此方案时，为了使用流畅，建议动态选择列和数据量不宜过多，否则会因为性能问题浏览不畅。1.3 实现思路通过 JS 代码实现参数控件的隐藏与显示，控制查询条件；通过函数和扩展实现根据查询条件动态显示列数据。2. 示例2.1 准备数据集

文档创建:huangbb   创建时间:2020-12-25 编辑:7 | 浏览:22466

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

JS实现动态选择数据表提交

添加按钮控件，分别绑定不同的点击提交事件。设置完成后该两列可以隐藏。E4：F4：2）给 E4 单元格按钮设置控件名称为：FRDemo，给 F4 单元格按钮设置控件名称为：sqlserver。注：此处的控件名最好设置为和单选按钮选项一致，便于后续

文档创建:星踪   创建时间:2021-05-13 编辑:5 | 浏览:16186

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

JS实现FVS表格组件定时翻页

白看板，可自定义名称和尺寸。如下图所示：2.2 数据准备新建数据库查询 ds1 ，SQL 查询语句为：SELECT * FROM 销量 。如下图所示：2.3 设计表格2.3.1 添加表格添加一个表格组件，点击「编辑组件」进入表格编辑界面。如下图

文档创建:用户z1931049   创建时间:2023-03-31 编辑:5 | 浏览:3634

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

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

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

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

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

URL参数传递给iframe中的报表

1. 概述1.1 问题描述平台「目录」处显示报表节点，点击报表节点会在右侧网页的 iframe 中显示出报表，也会传递一些参数给网页，比如时间和用户信息等。现在希望 iframe 中的报表能够获取到主页面中传

文档创建:Kevin-s   创建时间:2019-10-18 编辑:11 | 浏览:55837

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

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

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

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

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

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

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

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

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

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

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

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

ord();普通报表导出Word2. 示例本文示例仅支持在「填报预览」模式下生效。2.1 准备模板打开设计器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industr

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

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

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

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

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

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