在日常企業應用開發中，我們經常會遇到需要處理樹形層級結構數據的場景，比如組織架構中的部門與子部門、商品分類中的大類與小類、地區信息中的省市區三級聯動等。當面對這些數據時，傳統的單一下拉框顯得有點力不從心，多級下拉聯動篩選它能根據用户在前一級下拉框的選擇，動態更新後一級下拉框的選項，實現數據的動態聯動展示。
在JVS低代碼開發的表單引擎中有一個多個下拉篩選展示層級數據的能力，通過直觀的配置方式，不需要編寫代碼就可以實現基於樹形模型的多級數據聯動。無論是簡單的二級聯動還是複雜的多級篩選，都能通過可視化操作輕鬆完成。

構建樹形模型數據

對於有樹形層級結構的模型數據，我們在使用該數據時，可以通過多個下拉篩選展示層級數據。

配置方式

我們先看一下，由級聯組件構建的關聯模型數據如下圖(關鍵步驟，需要將模型數據構建為“樹形”數據。)

1、使用該模型數據，我進入表單設計，拖取三個下拉框組件數據類型都關聯同一模型

①：顯示值，取下拉框值的根目錄，這樣在用户界面上，下拉框展示的是樹形數據的頂層信息，讓用户能夠快速定位到大致的數據範圍。
②：傳遞值：只能是數據id，數據id是數據的唯一標識，在後續的數據處理和聯動過程中，通過傳遞數據id能夠準確獲取和篩選對應的數據，確保數據關聯的準確性。

2、然後目錄下拉框，關聯同一模型數據

這裏開啓數據篩選，取上級目錄下的數據

3、在目錄名稱下拉框，同樣關聯同一模型數據

這裏開啓數據篩選，取目錄層級下的數據。
具體來説，它會根據用户在前兩個下拉框中的選擇，進一步篩選出符合當前層級關係的數據。例如，當用户在第一個下拉框選擇了省份，第二個下拉框選擇了該省份下的城市後，第三個下拉框就會展示該城市下的區縣信息，從而實現完整的多級聯動篩選效果。

在線demo：https://app.bctools.cn
基礎框架開源地址：https://gitee.com/software-minister/jvs