反馈已提交

网络繁忙

[通用]巧用Tab组件实现App的布局效果

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

    1.1 版本

    报表服务器版本
    11.0

    1.2 功能简介

    Tab 布局能避免多层次钻取与返回,可以在一个报表内部进行切换,钻取层数如果过多的话,看报表的人的操作体验就会下降很多,这时就可以选用 Tab 组件。

    2. 实际效果

    新建一张决策报表,首先在决策报表中拖入 Tab 组件,然后在第一层级的tab组件中再添加新一层的 Tab 组件,并在第二层tab组件中添加报表块组件,通过决策报表组件的参数联动,即可实现不同 Tab 系列下不同维度的数据分析。

    报表样式设计如下:

    222

    我们以行业榜单中的手机行业举例来说明组件间的参数联动,其他 Tab 页的设置方法相同。

    新建一个内置数据集手机,其中时间段包含月度、季度和年度。

    222
    拖入两个报表块,左侧的为 report0,右侧的是 report1,左边的报表块(report0)界面设置如下:
    222
    右击 A1 单元格,点击超级链接,进入超级链接窗口,点击“+”号,添加当前决策报表对象,决策报表对象为 report1,参数 a 的值为月度,表示当参数为月度的时候,report1 中的数据为月度的数据,再添加一个当前决策报表对象,决策报表对象为 report0,参数 line 的值为 1,表示 line 的值为 1 的,report0 进行刷新。
    222
    222

    A2 单元格超级链接中的参数a为季度,line 的值为 2。

    A3 单元格超级链接中的参数a月年度,line 的值为 3。

    其他设置均与 A1 单元格的超级链接设置相同。

    右击 A1 单元格,点击条件属性,弹出条件属性对话框,公式为$line = 1时,背景色为蓝色,字体色为白色,如下图所示:
    222
    A2 单元格的条件属性为$line = 2时,背景色为蓝色,字体色为白色。

    A3 单元格的条件属性为$line = 3 时,背景色为蓝色,字体色为白色。

    右边的报表块(report1)界面设置如下:

    222
    B2 单元格设置了过滤,显示参数 a 的值时的数据,如下图:

    222
    A2 单元格中的=seq()为序号公式,根据 B2 排序,所以 A2 单元格的左父格为 B2。

    并且 A2 单元格设置了条件属性,是为了实现 隔行换色,如下图所示:

    222
    至此,第一个 Tab 页就设置完成,其他 Tab 页与上述步骤相似,就不一一赘述了。

    这时,可以看到在同一个界面中可以切换多个布局,减少了层层钻取的烦恼。

    点击预览后,可以看到描述中的效果。

    注:在决策报表 body 中移动端属性手机重布局的勾选要去掉。

    已完成模板可查看%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\analytics\sales\行业榜单排名.frm


    附件列表


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

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

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

    不再提示

    10s后关闭

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