JS自定义按钮实现报表块翻页

1. 概述1.1 问题描述JS实现决策报表定时刷新 文档中，是刷新的整个决策报表，但有的时候我们不想刷新整个决策报表，而只想刷新报表里的报表块。那么报

文档创建:文档助手1   创建时间:2015-12-17 编辑:39 | 浏览:103548

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS应用office函数公式formula.js库

1. 概述1.1 问题描述Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的

文档创建:lovert   创建时间:2019-09-02 编辑:7 | 浏览:23745

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

JS 获取单元格字符串中的数字

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS获取单元格字符串中的数字.cpt点击下载模板：JS获取单元格字符串中的数字.cpt

文档创建:L大大   创建时间:2020-03-09 编辑:13 | 浏览:20633

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

JS实现点击单选按钮组切换sheet

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\17-JS实现点击单选按钮组切换sheet.cpt点击下载模板：17-JS实现点击单选按钮组切换sh

文档创建:zsh331   创建时间:2017-02-17 编辑:14 | 浏览:28099

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

JS实现填报自动生成序号并排序

2 实现思路使用 seq() 函数进行排序。由于插入删除行会触发页面的加载结束事件，所以可以在加载结束事件中，利用前端 JS 接口实现每次插入删除行后重新计算序号的效果。注：不支持移动端。2. 示例一2.1 设计报表1）新建数据库查询数据集 d

文档创建:文档助手1   创建时间:2015-11-10 编辑:45 | 浏览:93090

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

JS实现对控件输入值的及时校验

告提醒，如下图所示。在具体应用的时候，可以根据需求自己制定相应的校验规则。1.2 实现思路在控件的编辑结束事件中，使用 JS 的 test 方法判断控件的值与正则表达式是否匹配。如果不匹配清空输入值。2. 示例2.1 模板设计在 A1 单元格输

文档创建:文档助手1   创建时间:2015-11-10 编辑:21 | 浏览:28413

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

JS实现限制文本框控件文本长度

2. 示例2.1 模板准备新建模板，在 A1 单元格添加「文本框控件」，如下图所示：2.2 添加事件校验长度可以直接在 JS 中使用固定数字长度，也可以使用参数，给参数一个固定的数字长度。2.2.1 在 JS 中固定长度点击选择 A1 单元格「

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

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

JS实现填报联动自动生成默认值

动都设置了的情况下，触发数据字典联动时，会清空单元格值，造成值联动失效。所以要同时实现值联动和数据字典联动的话，需通过 JS 方法对单元格进行赋值。接口说明可以参考：API接口汇总注：不支持移动端。2. 示例2.1 设计表格B1、D1、F1 单

文档创建:yets11   创建时间:2017-03-03 编辑:25 | 浏览:64305

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

JS实现决策报表中点击标题排序

题改变排序、多列动态排序 文档中实现了报表动态排序，即根据参数值的不同来决定报表按某列升序还是降序排列，我们也可以利用 JS 来实现此效果。如下图所示：1.2 实现思路给单元格添加超链接，超链接中 JS 动态改变参数值，报表数据列根据参数值实现

文档创建:chuan   创建时间:2017-03-14 编辑:30 | 浏览:41005

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

自定义JS事件中快速选择指定DOM

1. 概述Finereport 中控件的「事件」功能非常强大，用户可通过自定义 JS 做出想要的效果。但是 JS 对于大多数非专业报表开发者较为陌生，需要额外的学习成本，尤其是 jQuery 选择器。而报表设计中，自定义 JS 事件

文档创建:jiangsr   创建时间:2018-09-03 编辑:5 | 浏览:21123

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

JS实现决策报表中添加声音报警

控范围内时，声音报警。1.2 解决思路在决策报表的报表块中添加声音标签及监控数据，报表块动态刷新，添加初始化事件，通过 JS 取监控数据判断，控制声音的播放。注：不支持在数据决策平台中使用。2. 示例2.1 准备音频准备一段 mp3 音频作为报

文档创建:tao_yf   创建时间:2020-11-10 编辑:9 | 浏览:7065

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

JS实现鼠标点击行与列同时变色

70 及以后支持该接口1.2 预期效果鼠标点击或者悬浮单元格时单元格所在的行和列变色，如下图所示：1.3 实现思路使用 JS 代码添加加载结束事件，设置当鼠标点击当前行时，当前行为红色。单元格背景相关 JS 接口可参考：修改单元格背景接口2.

文档创建:yzm793934   创建时间:2021-10-18 编辑:5 | 浏览:10522

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

JS实现鼠标点击单元格背景变色

11.0.70 及以后支持该接口1.2 预期效果鼠标点击单元格时单元格变成红色，效果如下图所示：1.3 实现思路使用 JS 代码添加加载结束事件，设置当鼠标点击单元格时，单元格为红色。单元格背景相关 JS 接口可参考：修改单元格背景接口2.

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

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

JS实现鼠标点击单元格字体变化

实际应用中，希望实现鼠标点击某个单元格，单元格内的字体会变化，从而达到突出说明的效果，如下图所示：1.3 实现思路使用 JS 代码添加加载结束事件，设置当鼠标点击单元格时，单元格内字体字体显示为红色加粗 14 号。单元格字体修改 JS 接口，请

文档创建:yzm793934   创建时间:2021-10-25 编辑:1 | 浏览:10122

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