反馈已提交

网络繁忙

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

[通用]移动端支持绝对画布块

  • 文档创建者:jiangsr
  • 历史版本:6
  • 最近更新:Carly 于 2019-10-11
  • 1. 版本

    报表服务器版本   App 版本  HTML5 报表展现
      10.0  v9.3 v10.0

    2. 描述

    2.1 应用场景

    移动端支持在 body 中嵌套绝对画布块,使得报表制作起来更快捷方便。

    body 的布局方式设置自适应布局或绝对布局,在 body 中拖入绝对画布块,或者在 Tab 组件中拖入绝对画布块,移动端都能够显示。

    2.2 功能简介

    绝对画布块属性界面如下图所示:

    222

    注:详细介绍可点击:绝对画布块

    3. 示例

    1)选择文件>新建决策报表,添加数据集:SELECT * FROM 销量,如下图所示:

    222

    2)在报表中拖入绝对画布块1柱形图,在绝对画布块1中拖入饼图绝对画布块2,在绝对画布块2中拖入一个标签控件,如下图所示:

    222

    4. 移动端效果

    4.1 作为组件

    绝对画布块视作一个整体的组件,绝对画布内的组件,或者又嵌套了绝对画布块,都是保留布局-绝对布局显示

    1)当 body 设置为重布局时,绝对画布块保留布局作为一个整体进行排列,如下图所示:

    222

    2)保留布局时,body 设置为自适应布局>双向自适应绝对布局>适应区域,宽高按比例分配,如下图所示:

    222

    3)保留布局时,body 设置为自适应布局>横向自适应绝对布局>固定大小,宽高等比例缩放,如下图所示:

    222

    4.2 作为容器

    绝对画布块内部的组件缩放逻辑如下图设置所定:

    222

    1)适应区域:绝对画布块中的所有组件按比例分配,全部显示,不存在滚动条

    2)固定大小:绝对画布块中的所有组件等比缩放,显示不下的有滚动条

    注:绝对画布块内的绝对画布块,缩放效果一样。

    注:绝对画布块内的组件间隔按照决策报表制作时各组件之间的间隔比例显示。

    注:Tab 和绝对画布块不支持隐藏,绝对画布块内的的组件包括控件、图表、报表块支持隐藏但会占位显示空白。

    注:Tab 和绝对画布块不支持全屏,绝对画布块内的的组件包括图表、报表块支持全屏。

    6. 已完成模板

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\绝对画布块.frm

    点击下载模板:绝对画布块.frm

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526