1.1 版本

1.2 应用场景

移动端模板中，当表格数据较多时，用户希望初始状态下部分数据是收起状态，想查看的时候再展开。

灵活的折叠展开报表数据，既有利于提升模板空间利用率，也有助于提高用户体验。

效果如下图所示：

1.3 功能简介

通过「移动端折叠展开树」插件，用户可对报表/报表块中的表格设置树层级，移动端可灵活的多层次折叠展开。

• 支持自定义折叠展开的树层级。

• 支持自定义折叠展开按钮的图标和位置。

• 折叠展开时，表格可跟随模板自适应调整高度。

• 支持两种展开方式：展开下一层和展开所有子层。
  

1.4 插件安装

点击下载插件：移动端折叠展开树插件

设计器插件安装方法参照：设计器插件管理

服务器安装插件方法参照：服务器插件管理

插件安装后，在「普通报表」中选中单元格，或在「决策报表>报表块」中选中单元格，右侧属性面板新增「树节点设置」，如下图所示：

设置项具体简介如下表所示：

3.1 模板设置

打开%FR_HOME%\webroot\WEB-INF\reportlets\demo\basic\复杂折叠树.cpt

删除「H~AI」列，直接在移动端预览，样式如下图所示：

3.2 设置按钮列

选中 C 列，单击鼠标右键，选择「插入列」，则新增一列空白列为新的 C 列，便于设置按钮样式。修改 C 列单元格样式，如下图所示：

3.3 设置折叠展开树

设置 C4 单元格行层级为 1，默认状态为「收起」，展开/收起图标为「默认图标」，展开方式为「展开下一层」，如下图所示：

设置 C5 单元格行层级为 2，默认状态为「收起」，展开/收起图标为「默认图标」，展开方式为「展开下一层」，如下图所示：

C6、C7 单元格作为最后一层，将行层级为 3，默认状态为「展开」，删除展开/收起图标，展开方式为「展开下一层」，如下图所示：

3.4 效果预览

保存模板，点击「移动端预览」，App 端和 HTML5 端均支持，效果如 1.2 节 应用场景所示。

需要注意的是，移动端会强制分页，可能会导致部分数据自动展开，例如本例分了 2 页展示，第 2 页部分数据默认展开。如下图所示：

要避免该问题有两种方式，一是移动端预览时的类型选择「填报」，二是通过给 URL 添加强制不分页的参数 &__bypagesize__=false ，在移动端点击 URL 预览。

预览效果如下图所示：

点击下载模板：移动端折叠展开树插件示例.cpt