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

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

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

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

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

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

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

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

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

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

如圖所示：

操作的方式：

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

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

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

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

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

組件的顯隱控制

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

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

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

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

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

配置的效果如圖所示：

一對(duì)多的聯(lián)動(dòng)回顯

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

配置如圖：

步驟：

第一步：選擇表格組件

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

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

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

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