如何将复选的值填充到子表
1. 业务背景
在使用宜搭设计表单的过程中,有时候需要将复选框或者下拉复选框中的数据直接写入到子表单中,同时需要根据多选的数据多少自动在子表单中增加相应的行数。
2. 设计思路
主表的复选选了多样物品,希望自动转化到子表单中,该怎么设置?
通过 js 将复选组件的值循环获取到数组中每一个选项,然后处理成子表单组件的格式,并赋值给子表单。
3. 表单设计
选择复选选项时,将已选的复选选项分别插入子表单中,并录入序号。

4. 操作步骤
4.1 给复选组件添加 onChange 动作事件

4.2 处理数据并赋值给子表单
编写 js 代码,将数据处理成子表单格式,并赋值给子表单

5. 效果演示

6. 视频演示
宜搭为了更好的优化宜搭使用手册内容和质量,占用您3-5分钟时间,辛苦填写一下文档反馈问卷。文档反馈问卷是匿名提交,同时问卷信息仅用于宜搭文档体验反馈收集,感谢您对宜搭的支持!
--------------------获取宜搭最新信息,欢迎关注我们--------------------

本文档对您是否有帮助?