优化参数栏的显示与隐藏

JS自定义工具栏按钮控制参数栏的显示与隐藏- FineReport帮助文档 - 全面的报表使用教程和学习资料

1. 优化前的效果：

之前隐藏参数栏的时候，参数面板的高度还是不变的，只是隐藏了筛选框和原来的背景。

2. 优化后的效果：

3.  设置如下：

①隐藏参数栏--设置参数面板高度为0px

// 获取参数面板容器元素
var paramContainer = $('.parameter-container');

// 隐藏参数面板，设置高度为0
paramContainer.css('height', '0px');
 
// 调整内容容器顶部位置
$('#content-container').css('top', '0px');
$('#content-container').css('height', '100%');

 

②显示参数栏--设置参数面板高度74px

// 获取参数面板容器元素
var paramContainer = $('.parameter-container');

// 显示参数面板，设置高度为74px，
paramContainer.css('height', '74px');
 
// 调整内容容器顶部位置
$('#content-container').css('top', '74px');
$('#content-container').css('height', '100%');

 

这里的高度按照实际情况修改