历史版本13 :决策报表body属性 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

表单框架是承载所有组件的一个主框架(不包括参数面板组件),除了可对其设置布局方式、样式、内边距设置之外,还可以对所有组件间隔以及组件缩放方式进行设置。
打开表单%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\examle.frm,在右上角的控件中选中body即可选中表单框架,在下面的属性表中,可以看到其所有属性设置:

222

2.基本样式编辑

2.1 样式
表单框架的样式不同于报表块样式中的样式设置,表单框架的样式只能设置表单整体的背景,如下图:


222

2.2 内边距
表单框架的内边距是指其框架距离web端边缘的距离,其设置方式与报表块样式-内边距一致。
2.3 表单大小调整
在表单下方的宽度和高度的文本框内可以输入对应的数值来调整表单主体的大小,如下图:
222




3. 布局方式编辑

布局方式是指表单设计时,表单主体内所有组件在添加进来的时候放置的位置,包括自适应布局和绝对布局
3.1 自适应布局
自适应布局是指后台对所有组件的位置进行调整,当新增一个组件或者调整某个组件宽度和高度时,无需人手工操作,自适应布局会将页面中的所有组件铺满整个表单主体;
打开表单%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\examle.frm,当布局类型为绝对布局,所有组件铺满表单主体,如下图:

222


自适应布局中如果修改某个组件的大小,就会让其相邻的组件呈此消彼长的方式变化,如果纵向缩小组件大小,那么与其纵向相邻的组件就会纵向扩大,如果横向缩小组件大小,与其横向相邻的组件就会横向扩大。

(1)组件缩放
注:当布局方式自适应布局时,下面联动出现组件缩放,包括双向自适应和横向自适应。
a.双向自适应
表单在web端预览时根据浏览器窗体大小自适应充满区域展示,双向都不会出现滚动条。
b.横向自适应
表单在web端预览时按body初始宽高比调整大小,以横向调整为主,横向始终不出现滚动条,只有纵向可能有滚动条。

222


(2)组件间隔
注:当布局方式为自适应布局时,才有组件间隔这个属性;当布局方式为绝对布局时,可以随意调整各个组件之间的间隔,无需此属性
表单框架上承载了所有拖曳进来的组件,每个组件是一个单独的块,则可以通过组件间隔来设置各个组件之间的距离,增加其区分度,如下图,打开%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\examle.frm,将其组件间隔设置为20,设置方式请查看表单示例之组件联动,预览该表单,在web端可以看到所有组件之间都有一个20像素的间隔:

222

3.2 绝对布局
绝对布局就是指组件位置由人工控制的布局方式,组件想摆放在哪就摆放在哪,绝对布局中不会自动调整组件大小和位置,故不会铺满整个表单主体页面。
打开表单%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\examle_3.frm,当布局类型为绝对布局,组件不会铺满表单主体,如下图:

222

(1)缩放逻辑
注:当布局方式为绝对布局时,下面联动出现缩放逻辑,包括适应区域和固定大小。
a.适应区域
表单在web端预览时,根据浏览器窗体大小进行调整,自适应充满区域展示。
b.固定大小
表单在web端预览时,不根据浏览器窗体大小进行调整,双向都有可能出现滚动条。

222