JS实现自动报警声音

下载已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\12-JS实现自动报警声音.cpt点击下载模板：12-JS实现自动报警声音.cpt

文档创建:yiminglian   创建时间:2017-05-16 编辑:22 | 浏览:20483

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

JS修改邮件格式选项

预期效果发邮件时，想去掉不需要的邮件格式。如下图所示：默认支持的邮件格式：只保留需要的格式：1.3 实现思路通过添加 JS 事件，去除不需要的邮件格式。工具栏的 JS 接口请参见：工具栏2. 示例2.1 准备模板新建空白模板。2.2 添加事件

文档创建:yi丶搁浅   创建时间:2018-03-30 编辑:10 | 浏览:13616

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

JS实现动态波浪背景

1. 概述1.1 预期效果大屏场景下，给决策报表添加一个酷炫的动态波浪背景，如下图所示：1.2 实现思路用户可直接用 JS 代码来制作动态背景。2. 示例2.1 新建报表新建决策报表，另存为：%FR_HOME%\webapps\webroot

文档创建:L大大   创建时间:2020-02-28 编辑:2 | 浏览:19636

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

JS实现粒子上浮背景

1. 概述1.1 预期效果大屏场景下，给决策报表添加一个酷炫的粒子上浮背景，如下图所示：1.2 实现思路设置初始化 JS 事件来生成动态背景。2. 示例2.1 报表设计注：需先将 body 背景设置为「自定义>没有背景」。新建决策报表

文档创建:L大大   创建时间:2020-03-20 编辑:4 | 浏览:17509

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

JS实现抽象动画背景

1. 概述1.1 预期效果大屏场景下，给决策报表添加一个酷炫的抽象动画背景，效果如下图所示：1.2 实现思路插入 JS 代码，引用外部 CSS 文件，生成动态抽象背景。2. 示例2.1 报表设计注：需先将 body 背景设置为「自定义&g

文档创建:L大大   创建时间:2020-06-02 编辑:8 | 浏览:19364

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

JS实现粒子穿梭背景

1. 概述1.1 预期效果大屏场景下，给决策报表添加一个酷炫的粒子穿梭背景，效果如下图所示：1.2 实现思路设置初始化 JS 事件来生成动态背景。2. 示例2.1 设计报表注：需先将 body 背景设置为「自定义>没有背景」。点击 bod

文档创建:L大大   创建时间:2020-06-16 编辑:3 | 浏览:17030

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

FVS支持的JS接口汇总

以及 toast 弹窗。详细介绍可见：FR.MsgremoteEvaluate执行 FVS 内置公式，返回公式计算结果jsonEncode对字符串进行 jsonEncode 编码jsonDecode对字符串进行 jsonEncode 解码aj

文档创建:用户z1931049   创建时间:2022-09-22 编辑:35 | 浏览:21089

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

JS实现多TAB同步切换

览」，效果如 1.1 节预期效果所示。2）移动端App 端及 HTML5 端效果如下图所示：3. 模板下载点击下载模板：JS实现多TAB同步切换.frm

文档创建:yzm164288   创建时间:2022-11-14 编辑:2 | 浏览:6836

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

JS设置动态背景/边框

表中的某一部分添加动态背景或动态边框。如下图所示：1.2 实现思路1）通过添加「初始化后」事件或「加载结束」事件，使用 JS 调用 GIF 格式的图片作为报表背景。2）在单元格中使用 WEBIMAGE 公式调用网页中的 GIF 图片，实现动态边

文档创建:天狮座   创建时间:2017-08-22 编辑:34 | 浏览:56703

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

JS实现分Sheet导出Excel

Name}";//获取模板名称和路径//获取模板中参数值，以数组形式存储，每个参数值对应一个sheetvar json = [];for (var i = 0; i < area.length; i++) { var sheet

文档创建:Arri   创建时间:2020-02-13 编辑:21 | 浏览:31703

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

[通用]JS自动轮播Tab块

);2.2 移动端效果将模板添加到决策系统中，在移动端访问该模板，预览效果如下图所示：3. 模板下载点击下载模板：通用］JS 跳转指定 Tab 块.frm

文档创建:jiangsr   创建时间:2019-02-14 编辑:6 | 浏览:17366

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

JS限制复选框选中个数

如限制复选框的个数为 2 个，若超过 2 个就则将所有选中的值清空或者清空超出的部分，如下图所示：1.2 实现思路通过 JS 获取当前单元格的值，然后通过 length 属性判断长度并进行操作。2. 示例2.1 准备模板新建模板，在 A1 单元

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

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

JS设置报表主体不可用

或初始化设置为不可用，点击某个按钮恢复可用。报表置灰显示如下图所示，那如何实现此效果呢？1.2 实现思路给模板添加一个 JS「 加载结束」事件，使报表主体灰化，不可编辑。2. 示例2.1 准备模板准备一个模板。示例为内置模板：%FR_HOME%

文档创建:gxy120313   创建时间:2017-02-21 编辑:32 | 浏览:17032

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

JS实现插入自定义行数

要自定义输入行数，然后增加指定的行数，而不是点击一次增加一行，效果如下图所示：1.2 实现思路在单元格按钮控件中，添加 JS 点击事件，通过 appendReportRow() 函数来实现插入行数的功能。接口说明可以参考：填报预览专有2. 示例

文档创建:gxy120313   创建时间:2017-02-21 编辑:11 | 浏览:39972

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

JS实现工具栏添加计数

果预览保存模板，「分页预览」效果如下图所示：注1：不支持移动端注2：不支持「填报预览」3. 示例拓展3.1 填报预览的 JS 代码如使用填报分页，需要在「填报预览设置」中添加自定义按钮，并添加加载结束事件：JavaScript 代码如下：var

文档创建:Poseidon   创建时间:2017-02-27 编辑:16 | 浏览:24499

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

JS实现预定义导出按钮

1. 概述1.1 问题描述JS实现自定义导出文件名称 中，可以在模板「参数面板」中自定义导出按钮，利用 JS 实现自定义导出文件名。当很多模板都要实现这个功能时，每个模板都写一遍 JS，比较麻烦。所以可以预定义一个导出按钮，需要

文档创建:axing   创建时间:2019-11-19 编辑:10 | 浏览:27711

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

JS实现单元格背景圆角

角设置，可整行设置圆角，或整列设置圆角，或给指定的单元格设置圆角，如下图所示：1.3 实现思路为单元格添加背景，并使用 JS 代码添加加载结束事件，给报表第一行设置 25 圆角。11.0.10 及之后版本单元格样式相关 JS 接口可参考：表格对

文档创建:yzm793934   创建时间:2021-10-26 编辑:4 | 浏览:14422

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

单元格背景JS示例索引

场景较多，用户可以根据实际应用场景选择合适的方法实现，具体可以参考：修改单元格背景接口2. 示例索引文档应用场景效果预览JS实现鼠标点击的行变色1）鼠标点击某行时该行高亮显示2）鼠标悬浮某行时该行变色，离开时恢复3）鼠标点击某行时该行变色，再次

文档创建:yzm793934   创建时间:2021-11-15 编辑:4 | 浏览:23773

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

JS修改确认弹窗的选项

钮时，提示是否更新，如下：默认的选项是确定和取消，不够直观。希望将其改成更新或不更新，如下图所示：1.2 实现思路利用 JS 代码改变前端的显示内容。2. 示例2.1 报表设计如下，单元格 B2 输入文字：确认，如下图所示：2.2 添加事件选中

文档创建:axing   创建时间:2022-08-07 编辑:1 | 浏览:7338

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

JS实现正在加载对话框

较长的时间，用户感觉不到页面有变化，给人体验很不好。这个时候希望可以有对话框显示提示，如下图所示：1.2 实现思路使用 JS 实现正在加载的对话框，延迟一定时间后，再将对话框关闭。 2. 示例2.1模板设计新建普通报表，在 B2 单元格输入文字

文档创建:axing   创建时间:2022-08-09 编辑:4 | 浏览:5679

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