组件联动
1. 功能简介
在表单开发实践中,组件间的联动操作极为常见且关键。例如,当某个输入框的值达到特定条件时,需动态调整其他组件的显示或隐藏状态,以此优化表单交互流程。FormCreate 凭借强大的组件联动功能脱颖而出,开发者仅需通过精心配置 control
配置项,便能轻松实现对组件加载、显示、禁用以及必填等状态的精准控制,极大提升了表单开发的灵活性与效率。
2. 应用场景
在调查问卷中,以客户行业字段为例 勾选其他,需要填写备注,可以设置为当行业字段选中其他是,展示备注输入框,否则隐藏;
实现表单中手机号与验证码字段的联动显示:当手机号输入不为空时,才展示验证码输入框。
3. 预期效果
以手机号验证为例,效果如下所示:
4. 配置规则
手机号验证的配置规则如下:
更多 组件联动 使用场景,请查看文档:组件联动
5. 应用示例
动态表单字段显示/隐藏
示例1:
- 用户勾选“是否需要发票”时,显示发票抬头、税号等字段;
- 未勾选时,隐藏这些字段。
示例2:
- 用户选择“其他”作为职业类型时,显示“其他职业描述”输入框;
- 选择其他选项时,隐藏该输入框。