1.概述
表单支持表格组件,用于在表格中填报数据。表格组件还可以设置自增行,支持一次添加多行数据。本文将介绍关于表格组件的相关功能及属性,如何使用。
2.表格工具栏
可以对表元的斜线单元格、绘制表格、格式刷、背景颜色、字体类型、字体大小,字体加粗、字体斜体、字体下划线、字体中划线、文字居左、水平居中、居右、居上、垂直居中、居下进行设置,满足各种对表样的需求。
3.表格属性
选中表格组件,右侧组件属性面板区显示表格组件的属性供设置。
表格组件的标题,显示在表体上方。表格的表元标题自动生成规则为:由离它最近的一个左边和上方文字表元拼接而成,且去掉空格、换行符。
2) 对齐方式表格在水平方向上的对齐方式,有三种方式:左对齐,右对齐,居中对齐。
3) 自动换行勾选自动换行后,表元内容超出列宽后可自动换行。
4) 左边距表格相对于所在容器的左边线的距离,单位为px。
5) 上边距表格相对于所在容器的上边线的距离,单位为px。
6) 最大组件高度表格组件的高度,可设置为按内容自适应和固定高度。按内容自适应时,表格行数越多,则表格组件的高度越大;固定高度时,需设置具体的像素值,当表格行数过多,整体高度超过了设置的像素值,则表格组件内部出现滚动条,如下图。
按内容自适应时:
固定像素时:
开启后,在填报界面时,表格各列的列宽会等比缩放,正好一屏展示。默认时开启的。
水平撑满时:
非水平撑满时:
点击表格设置调整行高列宽,开启调整行高列宽。
结果展现:可对表格的行高列宽进行调整。
表格的行高列宽,单位为px,也可以通过鼠标拖动改变行高列宽。
10) 可见设置表格是否在填报页面可见,有三种选项:可见,不可见,自定义。自定义可以设置公式来判断该表格整体是否显示。以【员工请假单】给”自定义”详细说明。
制作一张员工请假单,为了满足需求”凡连续请病假五天(含)以上,需要上传相关证件“。需要对附件设置”自定义”。添加公式:if(表格.请假类型="病假" &表格.请假天数>=5,true,false) 请病假大于等于5天时,需要上传相关证件。
请病假4天的效果图
请病假5天(含)以上的效果图
可以拾取表格中的表元为锁定表元,填报数据时可以对表格进行行列锁定,填报界面右键可以取消锁定和设置别的表元进行行列锁定。
锁定行列线颜色:默认颜色为蓝色,设置颜色后,行列锁定后的线条为设置的颜色。
12) 边框点击边框设置可设置表格边框样式,颜色,宽度及作用范围。
4.表元属性
点击选中某个表元,右侧出现该表元的属性供设置。输入类型不同,其属性会有所不同,具体见相应类型组件的使用手册。
5.右键功能
单、多表元右键功能:剪切、复制、粘贴、全选、清空、向下填充、插入(插入行、插入列、插入多行、插入多列)、删除(删除行、删除列、删除多行、删除多列)、拆分(完全拆分、行拆分、列拆分)。
行、列右键功能:剪切、复制、粘贴、全选、清空、插入、删除
6.自增行功能
1) 自增行设置
表格支持自增行设置,选中两个及两个以上横向连续非文本表元或通过行标尺选中整行,在右侧“组件属性”出现自增行属性,勾选后可设置为自增行,并可设置显示序号、新增、删除、编辑、分页、筛选、排序、自增行标题等属性。
自增行的填报页面:
2) 自增行属性
1)显示序号:勾选后自动将选中表元的第一列作为序号表元;
2)可新增记录:默认勾选,在填报页面可点击“+”新增表格行;
3)可编辑已有记录:默认勾选,在填报页面可编辑表格自增行表元数据;
4)可删除已有记录:默认勾选,在填报页面可点击“-”删除表格行;
5)筛选:默认不勾选,勾选后在填报页面可以对自增行的数据进行筛选;
6)分页:勾选后出现每页行数,填写每页行数后可对自增行进行分页;
7)排序:勾选后,出现排序字段,选择自增行中的字段进行排序,排序类型默认为升序,支持升序和降序;
备注:添加或修改数据行时不会马上调整顺序。
8)自增行标题:默认为“自增行”,设置后移动端填报时该自增行区域前会显示设置后的标题,仅作用于移动端;
3) 自增行取数
场景:接上表自增行示例,当学生参与教师科研项目情况表中的需要填写的自增行中的数据,在另外的一个数据库表中存在一些已知的数据,填报人只用补充其他一些数据的情况下面,我们就可以用到自增行的取数功能。
Step1:
添加一个单行输入框组件用来匹配已经存在的数据库表的数据,设置组件为不可见,设置组件的默认值。
Step2:
选择整个自增行,点击默认值下面的取数设置按钮。
Step3:
把已经存在的数据库表创建为主题表(系统目前支持主题表、表单),选择对应的主题表,选择表单满足的条件,当表单的某个字段等于主题表的某个字段时,触发当前表单的值等于选择的主题表对应的字段值。
Step4:
填写数据,打开填报页面可以看到,自增行初始化取数到了满足条件的数据,有多少条满足的数据就会自动初始化多条数据。
注意:
1) 自增行取数仅用于新增自增行数据,如需根据自增行表元对自增行内某个或多个表元进行取数,需采用表单属性中的取数设置。
2) 自增行取数设置取数条件为自增行表元时,修改或新增自增行取数条件时会覆盖上一次的取数。
4) 修改取数数据后显示角标
若用户对自动取数的数据进行修改时,希望系统有所标识进行区分,可在【组件属性】-【取数设置】中勾选“修改取数数据后显示角标”选项(角标提示只适用于表格中的组件,选项默认不勾选)。
勾选后,当用户设置了自动取数,若填报时修改了取数数据,则组件右上角显示红色角标;或者当用户在自增行设置了取数,未取到数据时,此时用户增加了行,这时设置了取数的表元显示红色角标。效果可参考下图。
请先登录