1. 前言
上一章实现了省份和市的二级联动。但在实际业务中,很多场景需要精确到地区(如收货地址)。选了"广东省"之后,市列表只显示广东省的市;选了"广州市"之后,地区列表只显示广州市下面的地区。这就是"三级联动"——每一级的选择都决定了下一级的范围。
本教程讲解如何在二级联动的基础上,再加一级地区联动,实现完整的省市区三级联动效果。
⚠️ 阅读前建议: 先看第14篇了解有参数数据接口和二级联动的配置方法。省份和市的数据接口已在第14篇中建好,本篇只建地区接口。
2. 操作步骤
(1)设计地区数据接口
在第14篇已建好省份列表和市列表的基础上,只需新增一个地区列表的接口。
① 在省市区模板中新建一个下拉列表数据接口,命名为"地区列表",数据表选择本模板,取值选择"地区"。

② 点击"添加参数",添加两个参数:参数"省份",类型"文本";参数"城市",类型"文本"。

③ 设置过滤条件:本模板的"省份"字段 等于 参数"省份" 且 本模板的"城市"字段 等于 参数"城市"。

(2)绑定参数到下拉列表
目标: 添加地区下拉列表,绑定上一级选中的省份和城市作为参数。
① 在"地区"数据项的填写规范中添加"地区"下拉列表,数据接口选择"地区列表"。在参数绑定中,将"省份"参数绑定到表单中的"省份"字段,将"城市"参数绑定到表单中的"城市"字段。

使用效果: 先选省份,再选市,最后选地区时只显示该市下面的地区。

3. 核心要点回顾
(1)三级联动是在二级联动的基础上再加一级,地区列表依赖上一级选中的省份和城市作为参数。
(2)地区数据接口需要添加"省份"和"城市"两个参数,过滤条件同时匹配这两个字段。
(3)参数绑定时将"省份"指向表单中的"省份"字段,"城市"指向表单中的"市"字段,实现逐级过滤。