反馈已提交

网络繁忙

JS实现一键展开/收起折叠树所有节点

  • 文档创建者:yi丶搁浅
  • 历史版本:29
  • 最近更新:Carly 于 2023-12-01
  • 1. 概述

    1.1 版本

    报表服务器版本
    JAR包日期功能变更
    11.02021-11-15-
    11.0.12021-12-06

    1)在「数据分析」预览下折叠树接口可使用

    2)在使用新计算引擎的条件下「分页预览」、「数据分析」预览均可使用折叠树接口

    1.2 预期效果

    我们制作的复杂折叠树或视图树报表,在以数据分析模式预览时,需要点击父节点,才会展开下一层子节点,当层数比较多的时候,操作比较麻烦。如果用户想实现一键全部展开或收起,效果如下图所示:

    折叠树:

    222

    1.3 实现思路

    可以添加 2 个按钮,再通过给按钮添加 JS 代码来实现对应的功能。

    JS 接口请参考:数据分析专有

    2. 示例

    2.1 添加按钮

    打开 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\basic\复杂折叠树.cpt 报表,并添加 2 个按钮控件,按钮名称分别为展开收起如图所示:

    1.png

    2.2 添加事件

    1)给「展开」按钮控件添加「点击」事件。如下图所示:

    1.png

    JavaScript 代码如下:

    _g().expandAllNodeLayer();

    2)给「收起」按钮控件添加「点击」事件。如下图所示:

    1.png

    JavaScript 代码如下:

    _g().collapseAllNodeLayer();

    2.3 效果预览

    保存模板,点击「数据分析」,效果如下图所示:

    注1:使用新计算引擎的条件下,「分页预览」也可实现一键展开/收起折叠树的效果。

    注2:收起按钮,仅改变最外层树的状态为收起,内层树状态不变。

    注3:不支持移动端。

    20180810173528_3359.gif

    3. 模板下载

    附件列表


    主题: 报表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持