历史版本2 :JS自定义工具栏按钮控制参数栏的显示与隐藏 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1、需求描述:编辑
FineReport的分页预览默认提供了跳转到首页，上一页，下一页，跳转到最后一页等按钮。如果需要实现在工具栏点击某个按钮直接控制对参数栏的显示与隐藏效果，该如何实现？
效果图：
2、解决方案编辑
通过在工具栏自定义按钮，添加对应的JavaSprite脚本来实现效果。
隐藏参数栏脚本：
$('.parameter-container').css('visibility','hidden');
$('.content-container').css('top','0px');
显示参数栏脚本：
$('.parameter-container').css('visibility','visible');
$('.content-container').css('top','88px');
3、示例编辑
1.打开报表：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Parameter\Parameter.cpt
点击模板>模板web属性>分页预览设置,选择为该模板单独设置，为工具栏增加一个自定义按钮，如下图：
2.进入工具栏设置，设置此自定义按钮名字为【显示参数栏]】。点击自定义事件，添加JS代码，如图：
脚本：
$('.parameter-container').css('visibility','visible');
$('.content-container').css('top','88px');
3.同样方法，再添加一个自定义按钮，如图：
脚本：
$('.parameter-container').css('visibility','hidden');
$('.content-container').css('top','0px');
4.设置完成后保存，分页预览。