反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

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

  • 文档创建者:用户zhjmy8831
  • 历史版本:4
  • 最近更新:RosieY 于 2021-01-26
  • 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

    附件列表


    主题: 移动端应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526