反馈已提交

网络繁忙

[通用]手机端动态折叠树

  • 文档创建者:用户zhjmy8831
  • 历史版本:5
  • 最近更新:RosieY 于 2023-01-06
  • 1. 概述

    1.1 预期效果

    手机端实现动态折叠树,效果如下图所示:

    2.gif

    1.2 实现思路

    通过条件属性控制数据列的折叠与展开,在手机端实现动态折叠树的效果。

    2. 操作步骤

    2.1 模板准备

    1)在 FineReport 设计器中,点击「文件」>「新建决策报表」,并拖入「报表块」;

    2)新建模板数据集,其中 ds1 数据集的 SQL 语句为:SELECT * FROM 销量

    ds2 数据集的 SQL 语句为:SELECT 销售员,销售总额 from 销售总额 where 销售员='${销售员}'。如下图所示:

    10.png

    3)鼠标左键点击新建决策报表中央的「编辑」按钮,将数据列拖入对应单元格中,如下图所示:

    11.png

    2.2 设置条件属性

    1)选中 A1 单元格,点击右侧属性面板中的「条件属性」,为 A1 单元格添加「条件属性 1」 ;

    属性选择「超级链接类型」,并添加公式LEN(E1)=0

    如下图所示:

    14.png

    勾选「使用链接」按钮,随后点击「编辑」按钮;

    添加链接为「当前决策报表对象1」,添加参数销售员,值为公式类型$$$,如下图所示:

    15.png

    2)为 A1 单元格添加「条件属性 2」 ,属性选择「超级链接类型」,并添加公式LEN(E1)>0。如下图所示:

    17.png

    勾选「使用链接」按钮,随后点击「编辑」按钮,添加链接为「当前决策报表对象1」,添加参数销售员,如下图所示:

    18.png

    3)选中 A2 单元格,点击右侧属性面板中的「条件属性」,为 A2 单元格添加条件属性,公式为:LEN(E1)=0,如下图所示:

    19.png

    2.3 设置 B2 单元格

    1)选中 B2 单元格,点击右侧属性面板中的「单元格属性」,左父格自定义为 A1 单元格,如下图所示:

    22.png

    2)选中 B2 单元格,点击右侧属性面板中的「单元格元素」,数据设置为「列表」,如下图所示:

    24.png

    2.4 过滤设置

    1)双击 E1 单元格,点击「过滤」,如下图所示:

    1577255383221622.png

    2)隐藏 E1 列,如下图所示:

    1577255441709217.png

    2.5 效果展示

    2.5.1 PC 端

    保存模板,点击「PC端预览」,效果如本文 1.1 章「预期效果」相同。

    2.5.2 移动端

    1)APP

    APP 效果如下图所示:

    1577256315451525.gif

    2)HTML5

    HTML5 效果如下图所示:

    1577256419592524.gif

    3. 已完成模板

    已完成模板可参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\手机端动态折叠树.frm

    点击下载模板:手机端动态折叠树.frm

    附件列表


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

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

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

    不再提示

    10s后关闭

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