JS实现切换sheet时隐藏或显示参数面板

编辑
文档创建者:文档助手1 (67727 )     浏览次数:3867次     编辑次数:4次     最近更新:susie 于 2016-09-29     

目录:

1. 问题描述编辑

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

222

2. 实现思路编辑

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

3. 步骤编辑

3.1 报表设计
添加参数面板,和三个sheet,sheet名为sheet1、sheet2、sheet3
3.2 添加加载结束后事件

222

$(".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

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?