Skip to main content
Version: Next

子表

应用场景

用于在一个主表的表单界面中展示多条明细信息,支持新增、编辑、删除等操作,例如:

  • 在录入员工信息时,员工的教育经历可有多条,那么员工表为主表,教育经历为子表。
  • 在录入采购单时,采购明细可有多条,那么采购单为主表,采购明细为子表。

组件能力及示例

  • 支持设置标签、标签布局、提示文字、表格列字段等;
  • 支持展示不同的数据类型,文本、日期、选项、数字等;
  • 支持增加、编辑、删除行数据; alt text

示例配置

场景:申请办公用品领用时,需要一并填写领用单信息和领用用品明细。

1、页面设计

在页面中拖拽领用单字段相关组件,以及子表组件用于添加领用用品明细。 alt text

2、业务建模

在业务建模中创建模型领用单及领用明细,建立一对多的关系。 alt text

3、服务编排

在服务编排中创建新增主子表的服务,需要用到模型操作组件和子模型增删改操作组件。模型操作组件对应的是主表(领用单)模型,子模型增删改操作组件对应的是子表(领用明细)模型,配置如下: alt text alt text

4、服务映射

在服务映射中,选择上述服务,并将输入参数映射至页面上对应的组件上。 alt text

组件属性

属性/样式说明
标签文本设置表单组件的标题
位置设置标题的位置
对齐方式设置标题的对齐方式
宽度设置标题的宽度
表格列设置选项值设置表格每列的字段名称及类型
是否必填设置是否为必填字段
提示设置有关当前输入的帮助文本
是否可见控制组件是否可见
是否只读控制组件是否只读
高度设置组件高度:
自动高度——根据组件内容自动高度
带限制的自动高度——需要设置组件的最小高度和最高高度,组件将在这个范围内自动高度
固定高度——固定组件的高度,内容超出高度时出现滚动条

组件事件

事件说明
onChange选项值发生改变时触发