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

」的任意一值，可以切换到对应的 sheet 页。效果如下图所示：注：不支持移动端。3. 模板下载已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\17

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

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

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

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

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

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

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

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

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

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

JS实现关闭子页面时刷新父页面

。1.2 实现思路主模板中添加「超链接」到子模板，子模板中添加「加载结束」事件，事件内容为关闭子页面，刷新父页面。事件 JS 中用 this.opener.location.reload() 刷新父页面，onunload 在用户退出页面时触发事

文档创建:gxy120313   创建时间:2017-02-17 编辑:23 | 浏览:50818

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

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

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

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

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

JS实现使用填报页面的控件查询

。2. 示例2.1 新建报表2.1.1 新建数据集新建普通报表，新建数据集 ds1 ，SQL 语句为：SELECT * FROM 销量 where 1=1 ${if(len(area)==0,"","and 地区=

文档创建:cherishdqy   创建时间:2017-02-28 编辑:20 | 浏览:44603

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

JS实现子窗口填报后刷新父页面

1.2 实现思路在子模板中添加「填报成功」事件，事件内容为重新加载主模板。2. 示例2.1 准备模板主模板：内置模板 %FR_HOME%\\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubjec

文档创建:yiyemeiying   创建时间:2017-03-01 编辑:11 | 浏览:54635

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

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

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

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

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

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

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

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

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

JS获取决策报表参数界面控件值

需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值，那么该如何实现呢？1.2 解决思路通过内置接口和 JS 事件获取参数面板的控件值：_g().getParameterContainer().getWidgetByName(&

文档创建:cherishdqy   创建时间:2017-07-25 编辑:17 | 浏览:70372

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

JS实现不刷新页面进行排序功能

页面上的位置进行调整。2. 示例2.1 准备模板1）新增模板，为该模板创建一个数据集。SQL 语句为：SELECT * FROM S产品 where 产品id<202）将数据集中的数据拖到单元格，并添加「文本控件」，设置样式，如下图所示

文档创建:1176846029   创建时间:2018-01-10 编辑:12 | 浏览:21675

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

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

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

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

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

JS实现单元格提示内容换行显示

功能变更11.0-1.1 问题描述单元格提示内容换行显示，可以通过设计器 单元格内容提示 中写公式实现，也可以通过添加 JS 实现。效果如下图所示：1.2 实现思路使用 JS 代码实现悬浮提示。2. 示例2.1 数据准备新建普通报表，新建数据集

文档创建:axing   创建时间:2020-02-27 编辑:12 | 浏览:19925

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

JS实现双击对话框标题栏最大化

化功能呢，如双击对话框标题栏，对话框实现最大化；最大化情况下，双击标题栏返回默认大小。如下图所示：1.2 实现思路使用 JS 获取对话框初始大小，为对话框标题栏添加双击事件，用 clicktype 参数标记对话框是否最大化。当 clicktyp

文档创建:cherishdqy   创建时间:2020-09-23 编辑:7 | 浏览:7636

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS实现填报编辑单元格背景变色

过jQuery focus()方法实现。2. 示例2.1 报表设计新建一张普通报表，新建数据集ds1：SELECT * FROM S产品报表主体样式如下图所示：2.2 设置模板Web属性点击菜单栏「模板>模板Web属性>填报页面显示

文档创建:yzm164288   创建时间:2022-12-14 编辑:1 | 浏览:6815

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