历史版本17 :JS实现自定义折叠树节点展开层数 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包日期功能变更
11.02021-11-15--
11.0.1
2021-12-06新增折叠树自定义展开 JS 接口

1.2 预期效果

在日常报表制作过程中,组织树形式是非常便捷常用的展示形式。但在使用过程中,当组织树层级不确定时候,希望能在初始化时候根据需求展开一定层级的树节点。如下图所示:

1.3 实现思路

通过「模板>模板 Web 属性>数据分析设置」,选择「为该模板单独设置」,添加一个「加载结束」事件,适用 JS 接口实现自定义展开层数。

JS 接口的详细介绍,请参见:数据分析专有

2. 示例编辑

2.1 准备模板

打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\GroupReport\组织树报表.cpt 报表,报表制作的具体方法可参考: 组织树报表示例点击可下载模板:组织树报表.cpt

打开此模板是一个三层的树结构,如下图所示:

2.2 添加按钮

给添加了数据列的三个单元格, A1、A2、A3单元格添加「按钮控件」,按钮类型选择「树节点按钮」。如下图所示:

6.png

2.3 添加事件

点击菜单栏「模板>模板 Web 属性>数据分析设置」,选择「为该模板单独设置」,添加一个「加载结束」事件,如下图所示:

1.png

JavaScript 代码如下:

_g().expandNodeLayer(1);

2.4 效果预览

2.4.1 PC 端

保存模板,点击「数据分析」,只展开第一层树节点,效果如下图所示:

注:仅支持「数据分析」预览。

222

展开二级节点,效果如下图所示:

222

2.4.2 移动端

不支持移动端。

3. 模板下载编辑

1)已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\GroupReport\自定义一层树节点展开.cpt

点击下载模板:自定义一层树节点展开.cpt

2)已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\GroupReport\自定义二层树节点展开.cpt

点击下载模板:自定义二层树节点展开.cpt