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

编辑
  • 文档创建者:文档助手1
  • 浏览次数:8308次
  • 编辑次数:9次
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 描述

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

    222

    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)点击填报预览,就可看到上图效果。


    4. 预览效果

    4.1 PC 端预览效果

    222


    4.2 移动端预览效果

    注:经测试,移动端不支持该 JS


    5. 已完成模板

    模板效果在线查看请点击:JS 实现切换 sheet 时隐藏或显示参数面板.cpt

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\58-JS实现切换sheet时隐藏或显示参数面板.cpt

    点击下载模板


    附件列表


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

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]