低代碼表單引擎：多級數(shù)據(jù)、多表數(shù)據(jù)回顯、組件的聯(lián)動等配置舉例

在這信息化時代，表單作為數(shù)據(jù)的收集和展示工具，已經(jīng)滲透到不同的角落。JVS低代碼對表單的設(shè)計和操作進行了不斷的優(yōu)化和創(chuàng)新。其中，聯(lián)動回顯作為一項重要的功能，無論是多級數(shù)據(jù)級聯(lián)控制、組件的聯(lián)動控制，還是多表的數(shù)據(jù)回顯控制，都能極大地提升用戶體驗和數(shù)據(jù)的精準度，讓用戶可以更加高效、便捷地填寫表單。

在表單填寫時，往往存在一些數(shù)據(jù)根據(jù)表單的選擇數(shù)據(jù)進行聯(lián)動回顯。

例如，地區(qū)選擇時，下拉選擇“重慶”，則展示“重慶“對應(yīng)的地區(qū)。

聯(lián)動目前存在多種情況：

1、多級數(shù)據(jù)級聯(lián)控制

2、組件的聯(lián)動控制

3、多表的數(shù)據(jù)回顯控制

多級數(shù)據(jù)級聯(lián)控制

實現(xiàn)多級數(shù)據(jù)級聯(lián)控制可以通過樹形字典實現(xiàn)，多級數(shù)據(jù)的聯(lián)動選擇。

如圖所示：

操作的方式：

a、選擇級聯(lián)選擇組建

b、選擇對應(yīng)的靜態(tài)字典的數(shù)據(jù)

c、在界面上可以看到對應(yīng)的級聯(lián)選擇

字典的設(shè)置位置：

在應(yīng)用字典中，選擇對應(yīng)的字典項，選擇對應(yīng)的操作，即可實現(xiàn)多級字典的配置。

組件的顯隱控制

組件顯隱控制，組件的顯隱狀態(tài)控制根據(jù)其他組件的值來判斷是否顯示。通過組件有一個顯隱控制的配置項實現(xiàn)。

例如下圖，通過地址下拉框聯(lián)動實現(xiàn)4個地址輸入框的顯示與隱藏。

第一步：如下圖先配置對應(yīng)的下拉框與輸入框

第二步：設(shè)置下拉框的選項，如圖所示：

第三步：設(shè)置每個輸入框的顯隱控制，進入顯隱控制界面，

配置的效果如圖所示：

一對多的聯(lián)動回顯

主表對子表的多數(shù)據(jù)聯(lián)動回顯設(shè)置，效果如下：

配置如圖：

步驟：

第一步：選擇表格組件

第二步：選擇表格對應(yīng)的子表模型

第三步：拖對應(yīng)的基礎(chǔ)組件進入表格，并選擇對應(yīng)的字段

在線demo：https://frame.bctools.cn/

基礎(chǔ)框架開源地址：https://gitee.com/software-minister/jvs