Multi-Row Input 控件介绍
Multi-Row Input 用一组子字段编辑可增加、删除的对象数组。它会加入所在 Form 的字段状态、校验和提交范围。
1. 适用场景
常见用途:
- 紧急联系人
- 订单明细和费用行
- 数量有限的重复业务记录
2. 添加与配置
- 把 Multi-Row Input 添加到 Form Section 的 Fields 区域。
- 设置稳定且唯一的 Field Key / Name,并让它与后端 DTO 属性一致。
- 配置本页列出的组件属性,再按需要设置 Required、Help Text、Full row 和条件表达式。
- 在设计预览中检查初始值和布局,并使用 Form 的 Validate / Submit 验证完整数据链路。
3. 主要属性
| 属性 | 作用 |
|---|---|
| Fields | 定义表单绑定、提交或返回的数据形状。 |
| Max Rows | 限制允许的数量、长度或取值范围。 |
| Show Label / Show Header | 控制字段在设计预览和运行态中的显示方式。 |
| Table Layout | 控制字段在设计预览和运行态中的显示方式。 |
| Hide New / Hide Delete | 启用或关闭该行为。 |
| Validator | 定义表单绑定、提交或返回的数据形状。 |
Field Key、Required、Help Text、Full row、Visible When 等通用属性由 Form 字段契约提供;本表列出的是使用 Multi-Row Input 时最需要关注的配置。
4. 表单值与后端契约
该字段提交的值: 对象数组;每个对象的属性来自 Multi-Row Input 中的子字段 Field Key。
[
{"name": "Alex", "relationship": "Manager", "phone": "+1 555 0100"}
]
示例仅说明数据形状;接口仍应按业务 DTO 校验类型、范围和权限。
5. 校验、条件与交互
所有字段都可使用 Form 的 Required、Visible When、Disabled When、Required When、Dependencies 和 Clear When Hidden。条件表达式只控制交互,不代替后端权限与校验。
组件能力: 支持 setValue,可由按钮、步骤或其他动作写入字段值。
6. 使用建议
配置建议: 先固定请求与响应 JSON 契约,再配置字段;对数组项、文件元数据和服务端错误路径做端到端测试。
返回 Form 总览,了解布局、校验、提交、草稿和后端协议。