JS实现切换sheet时隐藏或显示参数面板- FineReport帮助文档|报表开发|报表使用|学习教程

文档创建者：文档助手1

浏览次数：8308次

编辑次数：9次

最近更新：Kevin-s 于 2019-06-23

1. 描述

只有显示第一个 sheet 时需要显示参数面板，切换到其他的 sheet 的时候需要隐藏参数面板。如下图：

222

2. 思路

$(".parameter-container-collapseimg-up").trigger("click");//点击参数面板收缩按钮,即隐藏参数面板

$(".parameter-container-collapseimg-down").trigger("click");}//点击参数面板下拉按钮，即显示参数面板

3. 操作步骤

1）设计报表界面，添加参数面板，和 5 个 sheet，sheet 名为苹果汁、牛奶、柳橙汁、巧克力、牛肉干，如下图：

222

2）在模板-模板 Web 属性-填报页面设置中添加加载结束事件：

222

$(".fr-sheetbutton-container").click(function()//切换sheet时
{var a=contentPane.$contentPane.data('TabPane').tabBtns[contentPane.selectedIndex].options.name;//获取当前sheet的名字
if(a=="苹果汁")
{  
$(".parameter-container-collapseimg-down").trigger("click");//点击参数面板下拉按钮，即显示参数面板
}
else{
$(".parameter-container-collapseimg-up").trigger("click");//点击参数面板收缩按钮,即隐藏参数面板    
}
});

3）点击填报预览，就可看到上图效果。