商业报表工具-FineReport JS 实现动态隐藏参数以及控制参数面板高度

本文介绍了如何使用FineReport的JS实现动态隐藏参数控件以及调整参数面板高度。通过添加按钮点击事件，实现点击按钮时显示或隐藏指定控件，并调整相关容器的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 概述

报表服务器版本	功能变更
11.0	--

开发报表的时，经常会遇到使用的参数控件较多的情况，这时候可以对一些不常用、不需要展现出来的的控件进行隐藏，当需要展示的时候再使其展示出来，如下图所示：

注：报表冻结时，此方案在「分页预览」自适应效果不好，建议用户使用其他预览方式。

为「按钮控件」添加点击事件，当点击按钮时，隐藏或显示指定的其他类型控件。

新建模板，在「参数面板」上添加多个控件，如下图所示：

1）修改参数面板中 button1 、 button3 「按钮控件」的按钮名称为分别为「查看所有参数」和「隐藏所有参数」。如下图所示：

2）为后面添加的 JS 代码简洁，分别修改参数面板上最后一行的控件的「控件名称」a，b，c，d，e，f。如下图所示：

注：这里也可以不做修改，在后面添加的 JS 代码中对应控件名称即可。

1）为「查看所有参数」按钮添加点击事件。选中该按钮，在右侧「控件设置>事件」中，添加「点击」事件，如下图所示：

JavaScript 代码如下所示：

var a = this.options.form.getWidgetByName("a");

var b = this.options.form.getWidgetByName("b");

var c = this.options.form.getWidgetByName("c");

var d = this.options.form.getWidget