亿信ABI
当前版本:5.6.1

表格组件

1.概述

表单支持表格组件,用于在表格中填报数据。表格组件还可以设置自增行,支持一次添加多行数据。本文将介绍关于表格组件的相关功能及属性,如何使用。

2.表格工具栏

可以对表元的斜线单元格、绘制表格、格式刷、背景颜色、字体类型、字体大小,字体加粗、字体斜体、字体下划线、字体中划线、文字居左、水平居中、居右、居上、垂直居中、居下进行设置,满足各种对表样的需求。

3.表格属性

选中表格组件,右侧组件属性面板区显示表格组件的属性供设置。

1) 标题

表格组件的标题,显示在表体上方。表格的表元标题自动生成规则为:由离它最近的一个左边和上方文字表元拼接而成,且去掉空格、换行符。

2) 对齐方式

表格在水平方向上的对齐方式,有三种方式:左对齐,右对齐,居中对齐。

3) 自动换行

勾选自动换行后,表元内容超出列宽后可自动换行。

4) 左边距

表格相对于所在容器的左边线的距离,单位为px。

5) 上边距

表格相对于所在容器的上边线的距离,单位为px。

6) 最大组件高度

表格组件的高度,可设置为按内容自适应和固定高度。按内容自适应时,表格行数越多,则表格组件的高度越大;固定高度时,需设置具体的像素值,当表格行数过多,整体高度超过了设置的像素值,则表格组件内部出现滚动条,如下图。

按内容自适应时:

固定像素时:

7) 表格水平撑满

开启后,在填报界面时,表格各列的列宽会等比缩放,正好一屏展示。默认时开启的。

水平撑满时:

非水平撑满时:

8) 调整行高列宽

点击表格设置调整行高列宽,开启调整行高列宽。

结果展现:可对表格的行高列宽进行调整。

9) 行高、列宽

表格的行高列宽,单位为px,也可以通过鼠标拖动改变行高列宽。

10) 可见

设置表格是否在填报页面可见,有三种选项:可见,不可见,自定义。自定义可以设置公式来判断该表格整体是否显示。以【员工请假单】给”自定义”详细说明。

制作一张员工请假单,为了满足需求”凡连续请病假五天(含)以上,需要上传相关证件“。需要对附件设置”自定义”。添加公式:if(表格.请假类型="病假" &表格.请假天数>=5,true,false)  请病假大于等于5天时,需要上传相关证件。

请病假4天的效果图

请病假5天(含)以上的效果图

11) 锁定行列

可以拾取表格中的表元为锁定表元,填报数据时可以对表格进行行列锁定,填报界面右键可以取消锁定和设置别的表元进行行列锁定。

锁定行列线颜色:默认颜色为蓝色,设置颜色后,行列锁定后的线条为设置的颜色。

12) 边框

点击边框设置可设置表格边框样式,颜色,宽度及作用范围。

4.表元属性

点击选中某个表元,右侧出现该表元的属性供设置。输入类型不同,其属性会有所不同,具体见相应类型组件的使用手册。

5.右键功能

单、多表元右键功能:剪切、复制、粘贴、全选、清空、向下填充、插入(插入行、插入列、插入多行、插入多列)、删除(删除行、删除列、删除多行、删除多列)、拆分(完全拆分、行拆分、列拆分)。

行、列右键功能:剪切、复制、粘贴、全选、清空、插入、删除

6.自增行功能

1) 自增行设置

表格支持自增行设置,选中两个及两个以上横向连续非文本表元或通过行标尺选中整行,在右侧“组件属性”出现自增行属性,勾选后可设置为自增行,并可设置显示序号、新增、删除、编辑、分页、筛选、排序、自增行标题等属性。

自增行的填报页面:

2) 自增行属性

1)显示序号:勾选后自动将选中表元的第一列作为序号表元;

2)可新增记录:默认勾选,在填报页面可点击“+”新增表格行;

3)可编辑已有记录:默认勾选,在填报页面可编辑表格自增行表元数据;

4)可删除已有记录:默认勾选,在填报页面可点击“-”删除表格行;

5)筛选:默认不勾选,勾选后在填报页面可以对自增行的数据进行筛选;

6)分页:勾选后出现每页行数,填写每页行数后可对自增行进行分页;

7)排序:勾选后,出现排序字段,选择自增行中的字段进行排序,排序类型默认为升序,支持升序和降序;

备注:添加或修改数据行时不会马上调整顺序。

8)自增行标题:默认为“自增行”,设置后移动端填报时该自增行区域前会显示设置后的标题,仅作用于移动端;

3) 自增行取数

场景:接上表自增行示例,当学生参与教师科研项目情况表中的需要填写的自增行中的数据,在另外的一个数据库表中存在一些已知的数据,填报人只用补充其他一些数据的情况下面,我们就可以用到自增行的取数功能。

Step1:

添加一个单行输入框组件用来匹配已经存在的数据库表的数据,设置组件为不可见,设置组件的默认值。

Step2:

选择整个自增行,点击默认值下面的取数设置按钮。

Step3:

把已经存在的数据库表创建为主题表(系统目前支持主题表、表单),选择对应的主题表,选择表单满足的条件,当表单的某个字段等于主题表的某个字段时,触发当前表单的值等于选择的主题表对应的字段值。

Step4:

填写数据,打开填报页面可以看到,自增行初始化取数到了满足条件的数据,有多少条满足的数据就会自动初始化多条数据。

注意:

1) 自增行取数仅用于新增自增行数据,如需根据自增行表元对自增行内某个或多个表元进行取数,需采用表单属性中的取数设置。

2) 自增行取数设置取数条件为自增行表元时,修改或新增自增行取数条件时会覆盖上一次的取数。

4) 修改取数数据后显示角标

若用户对自动取数的数据进行修改时,希望系统有所标识进行区分,可在【组件属性】-【取数设置】中勾选“修改取数数据后显示角标”选项(角标提示只适用于表格中的组件,选项默认不勾选)。

勾选后,当用户设置了自动取数,若填报时修改了取数数据,则组件右上角显示红色角标;或者当用户在自增行设置了取数,未取到数据时,此时用户增加了行,这时设置了取数的表元显示红色角标。效果可参考下图。

附件列表

0

文档内容仅供参考
如果您需要解决具体问题,还可以登录亿信社区
在提问求助板块提问,30分钟内帮您解决问题

如果您认为本词条还有待完善,请编辑

上一篇分割线组件

下一篇文字组件

请先登录