反馈已提交

网络繁忙

JS实现根据当前sheet隐藏参数面板

  • 文档创建者:星踪
  • 编辑次数:4次
  • 最近更新:Alicehyy 于 2022-03-30
  • 1. 概述

    1.1 问题描述

    多sheet的场景下,参数面板默认会在所有sheet显示,如果希望只有部分sheet展示参数面板,其他不显示,该如何设置呢?

    1.gif

    1.2 解决思路

    利用 JS 获取当前 sheet 编号,判断并执行相应的隐藏参数面板方法。

    注:不支持移动端。

    2. 示例

    2.1 设计模板

    如图设计一个 2 个 sheet 的模板,并在参数面板添加控件。

    2.2 添加加载结束事件

    菜单栏点击模板>模板Web属性>填报页面设置,选择为该模板单独设置,添加加载结束事件,如下图所示:

    JavaScript 代码如下:

    $(".fr-sheetbutton-container").click(function()
    //给切换sheet的按钮绑定点击事件
    {
    var a = _g().selectedIndex;
    //获取当前sheet的编号(从0开始)
    if (a == 1) {
    //如果是第2个sheet
    $(".parameter-container-collapseimg-up").click();
    //点击参数面板收缩按钮,即隐藏参数面板
    $('.parameter-container-collapseimg-up').hide();
    //隐藏收缩按钮  
    } else {
    $('.parameter-container-collapseimg-down').show();
    //展示收缩按钮
    $('.parameter-container-collapseimg-down').click();
    //点击参数面板收缩按钮,即展示参数面板
    }
    });

    2.3 效果预览

    保存模板,填报预览后,效果如 1.1问题描述 中所示。

    3. 模板下载

    附件列表


    主题: 填报应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭