1. 使用场景
当我们需要获取主表数据填充到子表单中时可以使用此案例。
2. 实现功能
2.1. 配置学生信息表
![](https://i-blog.csdnimg.cn/blog_migrate/c79593a0e0a03e8633ebba9dedd21c58.png)
2.2. 配置表单页面
![](https://i-blog.csdnimg.cn/blog_migrate/bd8f02dbbec55c5a034f0c532488c13f.png)
2.3. 在数据源处增加远程数据源
参考文档:根据条件搜索表单实例详情列表
数据源地址:
`/${window.pageConfig.appType || window.g_config.appKey}/v1/form/searchFormDatas.json`
接口配置如图:
![](https://i-blog.csdnimg.cn/blog_migrate/65ef3b267146760611373b2412d99236.png)
2.4. 配置下拉单选组件
![](https://i-blog.csdnimg.cn/blog_migrate/f3f4ab07777ea20c8174ec4c27d37ee1.png)
2.5. 配置下拉单选组件事件
注意根据实际情况修改组件唯一标识,受接口性能限制,本例单次查询至多支持 100 条实例。
![](https://i-blog.csdnimg.cn/blog_migrate/f8b83dbe34fe7d2b19d6595571b0d5fe.png)
3. 实现效果
![](https://i-blog.csdnimg.cn/blog_migrate/a23cf8354d27a0ff5a2db6e36ac38096.png)