最新历史版本 :绝对画布块 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 应用场景

在决策报表中,绝对画布块相当于一个 绝对布局 的空白画布,适用于一个展示区域需要用多个组件叠加组成时使用,便于管理组件。

如下图所示:

16352531141YP9.png

2. 属性编辑

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

16352531816fAn.png

  • 组件名称:默认为 absolute+数字后缀,依次累加,可自定义修改,但不支持为空或重复。

  • 坐标·尺寸:body 为绝对布局时,支持拖拽或输入数值修改组件位置大小;body 为自适应布局时,仅支持修改组件大小。

注:移动端属性详情参见文档 [App]移动端支持绝对画布块 。  


3. 使用场景编辑

绝对画布块一般和其他组件嵌套或并行使用,例如:

1)body 自适应布局使用

body 自适应布局下,添加一个绝对画布块,效果等同于 body 绝对布局,同时可以和其他组件存在于自适应布局。如下图所示:

2)嵌套使用

  • 绝对画布块中再添加绝对画布块、图表块、Tab块等组件。

  • 在 Tab 块中添加绝对画布块。由于 Tab 页面是自适应布局,添加绝对画布块后,可实现绝对布局效果。

4. 操作方法编辑

绝对画布块只有处于编辑状态时,才能成功拖入组件,或粘贴组件。且拖入(或粘贴)的组件尺寸大小需小于绝对画布块的尺寸大小,否则无法拖入或粘贴。

1)双击绝对画布块,或者选中绝对画布块后点击右上角编辑按钮,可进入编辑状态。进入编辑状态后再向绝对画布块中拖入其他组件。

  • 拖入组件时,需保证被拖入组件大小尺寸小于绝对画布块,且需将组件完全拖入到绝对画布块中,才能成功放入组件。

  • 若组件已存在于 body 中,只能复制粘贴到绝对画布块,无法直接拖入。

[helpvideo]3213[/helpvideo]

2)被拖入或粘贴的组件尺寸必须小于绝对画布块的尺寸,否则会提示 无法添加到该区域组件大小超出边界,无法粘贴 

如需报表块铺满绝对画布块,请确保报表块的宽度=绝对画布的宽度+二分之一的body的组件间隔+body的左边距。高度同理。

[helpvideo]3214[/helpvideo]