在表单中常常会有动态字段的场景,也就是如下图所示,根据一个字段的内容选项去控制另外字段的内容展示
配置的思路:根据第一个单选框选择的内容,通过关联筛选的方式去选择第二个单选框的内容,那么第二个单选框的物理存储模型里边需要包含第一个单选框内容的字段,这样可以通过这个字段进行动态过滤。
接下来我们看看如何实现两个选择内容的联动配置的
1、先构建第一个属性的配置,配置方式如图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/963735e033e71d406170c962878501f6.png)
在JVS的表单设计器中,包括多种方式的单选框数据内容来源,可以来源于直接配置、可以来源于外部接口、也可以来源于数据模型(表),这里我们先直接使用配置数据
![](https://i-blog.csdnimg.cn/blog_migrate/7e900a3a58f3bf37845bef16d77a3334.png)
2、配置动态过滤的数据模型,如下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/aef96b1259938fd398999c55b0455cf3.png)
并且设置好数据模型的名称:
![](https://i-blog.csdnimg.cn/blog_migrate/70c21e1775fe7f92764961f6f286e060.png)
3、回到表单页,配置动态过滤的第二个字段
![](https://i-blog.csdnimg.cn/blog_migrate/5888dbae7539a0c345dea27c93d085d6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9c9e846ae1250d986249b48a8f40e7c3.png)
最关键的,配置这个模型回显的条件筛选:
![](https://i-blog.csdnimg.cn/blog_migrate/eb1fc5e0a72f0feb6303fc728e2e2d64.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3f3c77a15e0cba75119f2125918caf12.png)
2分钟搞定字段选项的级联选择。
在线demo:https://frame.bctools.cn/