ECharts图表集成插件

V1.0.6自该版本起，11.0与10.0版本插件拆分，升级需要重新下载安装1.2 应用场景ECharts 是一个基于 JavaScript 的开源可视化图表库。在使用 FineReport 时，当基础图表的通用配置不足以满足用户需求时，用户可安装「echar

文档创建:用户z1931049   创建时间:2021-12-06 编辑:8 | 浏览:36546

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

JS实现切换sheet刷新

，实现参数查询效果，如下图所示：2.4 添加JS代码编辑参数面板，选择下拉框控件，添加「加载结束」事件实现，如下图所示：JavaScript 代码如下：$(".fr-sheetbutton-container").click(functio

文档创建:yzm793934   创建时间:2023-03-20 编辑:0 | 浏览:4949

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

JS实现参数控件赋值

e 有值时，state 自动变为 1，当 username 无值时，state 自动变为 2。1.2 实现思路可以通过 JavaScript 脚本获取到需要的控件，从而获得控件的值及给控件赋值。2. 操作步骤我们制作一个简单的例子实现上图效果。2.1 准备模板

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

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

JS实现清空控件内容

控件」，设定其按钮名称为「清空供应商」，为该按钮控件添加「点击」事件，实现点击按钮时将供应商控件的内容清空，如下图所示：JavaScript 代码如下：注：supplierID 为供应商下拉框控件的名称。var supplierID = this.optio

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

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

JS实现日期控件校验

imeScale.cpt模板参数界面如下图所示：2.2 添加事件点击「查询按钮」，为其添加一个「点击」事件，如下图所示：JavaScript 代码如下：注：虽然参数控件中也可以设置校验，但是参数控件要点击控件后才能进行校验，因此参数界面的不能为空以及比较校验需

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

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

JS给文本框赋多个值

示例2.1 模板设计添加一个下拉框控件和一个文本控件，如下图所示：2.2 设置下拉框数据字典2.3 下拉框添加编辑后事件JavaScript 代码如下：var value = this.getValue();//获取当前选择的值var text = _g().

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

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

JS实现自动翻页效果

「模板>模板 Web 属性>分页预览设置」，选择「为该模板单独设置」，添加一个「加载结束」事件。如下图所示：JavaScript代码如下：window.time;var flag=0;clearTimeout(window.time); //

文档创建:cherishdqy   创建时间:2017-02-17 编辑:24 | 浏览:37706

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

JS实现键盘翻页效果

）点击菜单模板>模板 Web 属性>分页预览设置，选择 为该模板单独设置，添加一个加载结束事件，如下图所示：JavaScript 代码如下：//获取键盘按键按下事件$(document).bind('keydown'

文档创建:cherishdqy   创建时间:2017-02-17 编辑:9 | 浏览:16288

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

JS实现自动报警声音

属性选择「模板>模板 Web 属性>填报页面设置」，添加「加载结束事件」，使填报页面自动刷新，如下图所示：JavaScript 代码为：setInterval("self.location.reload();",36000);

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

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

JS修改邮件格式选项

「模板>模板 Web 属性>分页预览设置」，选择「为该模板单独设置」，然后添加「加载结束」事件。如下图所示：JavaScript 代码如下：_g().getToolbar().getWidgetByName("email").c

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

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

JS隐藏报表块滚动条

结第 1 行，如下图所示：2.2 添加初始化后事件返回决策报表主体，选中报表块 report0，添加初始化后事件，输入 JavaScript 脚本，如下图所示：JavaScript 代码如下：setTimeout(function() {var a = &am

文档创建:cherishdqy   创建时间:2018-05-11 编辑:9 | 浏览:69831

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

JS实现大数据集导出

据集导出」，如下图所示：2.3.2 设置点击事件选中「按钮控件」，点击「控件设置>属性」，新增「点击事件」，输入 JavaScript 语句，如下图所示：JavaScript 代码如下：//接口为directExportToExcel: function

文档创建:jiangsr   创建时间:2018-12-27 编辑:31 | 浏览:49131

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

JS实现旋转星空背景

化后事件注：需先将 body 背景设置为「自定义>没有背景」。点击 body 组件，添加初始化后事件，如下图所示：JavaScript 代码如下：revolveSta ();function revolveSta (){$("body"

文档创建:L大大   创建时间:2020-01-08 编辑:5 | 浏览:28016

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

JS实现粒子上浮背景

先将 body 背景设置为「自定义>没有背景」。新建决策报表，选中 body 组件，添加初始化后事件，如下图所示：JavaScript 代码如下：$("body").prepend(&#39;<canvas id=&qu

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

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

JS实现粒子漩涡背景

，首先将 body 背景设置为「自定义>没有背景」。如下图所示：再给 body 添加一个初始化后事件，如下图所示：JavaScript 代码如下：$("body").prepend(&#39;<canvas id=&qu

文档创建:L大大   创建时间:2020-04-30 编辑:5 | 浏览:24697

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

JS实现记录填报操作

勾选为主键。原表删除：选择删除提交，设置对应主键字段即可。3）设置回调函数，用于弹出删除结果提示，以及执行删除行的操作。JavaScript 代码如下：if (fr_submitinfo.success) { _g().deleteReportRC(this.

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

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

FineReport11.0亮点功能

手册，每个接口都有非常详细的使用说明和使用范围，方便用户给报表添加前端效果。手册便捷易用，且持续优化和更新。同时新增 JavaScript 高级编辑器，帮助开发者快速及上手找到想要使用的 JS 接口。3.8 开放平台详情请参见：开放平台插件首创报表开放平台，

文档创建:Carly   创建时间:2021-09-08 编辑:32 | 浏览:78862

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

FVS支持的JS事件说明

件与接口表格内的「表格加载结束事件」变更为组件交互属性中的「初始化后事件」1.2 功能简介FVS 可视化看板中支持使用 JavaScript 代码触发联动、跳转等交互效果。本文主要介绍支持使用 JavaScript 代码的几种事件类型，具体的 JS 接口请参见

文档创建:Carly   创建时间:2021-10-15 编辑:21 | 浏览:26969

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

JS实现防止恶意提交

在输入效验码不正确情况下，填报「提交」按钮不可用，无法提交，校验码正确时可以提交。如下图所示：1.2 实现思路可以通过 JavaScript ，预先将填报按钮设置为不可用，再根据输入的效验码判断，如果效验码正确，则设置提交按钮可用；如果校验码不正确，则提交按钮

文档创建:RosieY   创建时间:2021-12-09 编辑:0 | 浏览:8552

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

JS实现FVS表格跑马灯

灯事件2.4.1 向上滚动示例回到画布后，选中表格组件，点击右侧配置区「交互>事件」，添加「初始化后事件」。输入 JavaScript 代码：注：代码中的「表格」是该表格组件的名称，需根据实际情况自行修改。setTimeout(() => { du

文档创建:用户z1931049   创建时间:2023-03-16 编辑:7 | 浏览:7079

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