JS实现切换sheet时隐藏或显示参数面板
1. 问题描述
只有显示第一个sheet时需要显示参数面板，切换到其他的sheet的时候需要隐藏参数面板。
2. 实现思路
$(".parameter-container-collapseimg-up").trigger("click");//点击参数面板收缩按钮,即隐藏参数面板
$(".parameter-container-collapseimg-down").trigger("click");}//点击参数面板下拉按钮，即显示参数面板
3. 步骤
3.1 报表设计
添加参数面板，和三个sheet，sheet名为sheet1、sheet2、sheet3
3.2 添加加载结束后事件
$(".fr-sheetbutton-container").click(function()//切换sheet时
{var a=contentPane.$contentPane.data('TabPane').tabBtns[contentPane.selectedIndex].options.name;//获取当前sheet的名字
if(a=="sheet2"||a=="sheet3")
{
$(".parameter-container-collapseimg-up").trigger("click");//点击参数面板收缩按钮,即隐藏参数面板
}
else{
$(".parameter-container-collapseimg-down").trigger("click");}//点击参数面板下拉按钮，即显示参数面板
});
3.3 保存与预览
点击填报预览，就可看到上图效果，已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\WidgetExample\SwitchSheetHideParaPanel.cpt
附件列表
主题： 二次开发
标签：
已验证