优化参数栏的显示与隐藏
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%');
这里的高度按照实际情况修改