反馈已提交

网络繁忙

[通用]移动端折叠展开树插件

  • 文档创建者:Carly
  • 历史版本:16
  • 最近更新:Carly 于 2024-09-26
  • 1. 概述

    1.1 版本

    报表服务器版本App 版本HTML5 移动端展现插件版本移动端折叠展开树插件功能变动
    11.0V11.0
    V11.0V11.0.64

    -

    1.2 应用场景

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

    灵活的折叠展开报表数据,既有利于提升模板空间利用率,也有助于提高用户体验,如下图所示:

    2024-09-26_10-40-52.gif

    1.3 功能简介

    通过「移动端折叠展开树」插件,用户可对普通报表、决策报表中的报表块、 FVS 可视化看板中的表格组件的单元格设置树层级,移动端可灵活的多层次折叠展开。

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

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

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

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

    1.4 插件安装

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

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

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

    2. 功能介绍

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

    Snag_18a07095.png

    各设置项说明及注意事项如下表所示:

    设置项
    说明注意事项
    行层级

    支持设置单元格行层级,数字由小到大,层级由高到低

    • 行层级默认为 0,默认值,与上一行的层级一致

    • 行层级为 1 时,该行为折叠展开树的第一级

    • 行层级为 2 时,该行为折叠展开树的次一级

    • 依次类推

    • 当同一行多个单元格设置了行层级,以「行层级非0的最右单元格」为准

    • 当多个不同层级的单元格合并后,保留「最左上单元格」的设置

    • 如需在一张报表设置多个折叠展开树,或断开折叠展开树,将断开行设置为 1 即可重新开始计算行层级

    默认状态

    支持设置折叠展开树默认状态,默认为「收起」

    • 某行层级选择「收起」,则默认为折叠状态

    • 某行层级选择「展开」,则默认为打开状态

    -

    展开图标

    收起图标

    支持设置展开收起图标,支持删除图标

    • 图标建议使用 48 × 48 规格的 PNG 图片

    • 图标默认显示方式为「适应」

    • 图标可点击范围为整个单元格

    • 当有展开收起图标时,移动端显示内容为图标,覆盖原来的单元格内容

    • 当无展开收起图标时,移动端显示内容为单元格内容

    展开方式
    • 展开下一层:

    选择此方式,预览点击展开时,只展开下一层的内容

    • 展开所有子层:

    选择此方式,预览点击展开时,会展开低于该层级的所有子层级内容;同时还支持设置收起后保留当前层级下xx子层

    展开下一层」就是逐层展开,但是当层数多且数据多时,可以使用「展开所有子层」,简化展开操作

    3. 示例

    本示例为普通报表示例,决策报表、 FVS 可视化看板操作类似,本文不再赘述。

    3.1 准备模板

    1)点击菜单栏「文件>新建普通报表」,如下图所示:

    新建普通报表.jpg

    2)打开%FR_HOME%\webroot\WEB-INF\reportlets\demo\basic\复杂折叠树.cpt,复制报表内容至刚刚新建的模板,如下图所示:

    复制粘贴.jpg

    3)删除 H-AI 列,表格内容则如下图所示:

    删除多余列.jpg

    3.2 新增按钮列

    1)选中 C 列,单击鼠标右键,选择「插入列」,则新增一列空白列为新的 C 列,如下图所示:

    插入列动图.gif

    2)用格式刷修改 C 列单元格格式,如下图所示:

    格式刷动图.gif

    3.3 设置折叠展开树

    选中单元格, 点击右侧的「树节点设置」,设置行层级、默认状态等。

    单元格
    行层级默认状态说明
    C61收起折叠展开树的第一层
    C72收起折叠展开树的第二层
    C83展开折叠展开树的第三层
    C93/0收起折叠展开树的第三层(为0代表继承上一行C8的层级)
    C101收起合计行不计入折叠,需要断开折叠状态

    3.4 效果预览

    移动端预览模板,以 App 为例 ,效果如 1.2 节所示。

    4. 注意事项

    4.1 如何解决普通报表强制分页

    问题描述

    用普通报表制作此模板,移动端预览时,会强制分页,部分数据自动展开。

    例如,模板预览时,分 3 页展示,第 2 页、第 3 页部分数据默认展开,如下图所示:

    普通报表显示异常.jpg

    解决方案

    方案一:行层级为「1」的单元格设置行前分页,即 A6-H6 任意一个单元格设置行前分页均可。

    例如,C6 单元格设置行前分页,如下图所示:

    设置行前分页.jpg

    移动端预览模板,以 App 为例,效果如下图所示:

    普通报表设置行前分页后正常显示动图.gif

    方案二:移动端预览类型选择「填报」。如下图所示:

    填报预览.jpg

    移动端预览模板,以 App 为例,效果如下图所示:

    普通报表填报预览正常显示动图.gif

    方案三:复制 URL 链接,添加强制不分页的参数 &__bypagesize__=false ,在移动端点击 URL 链接预览。如下图所示:

    点击链接移动端预览.jpg

    效果如下图所示:

    URL添加后缀.移动端预览动图.gif

    5. 下载模板

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

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

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