技术编程|无代码实现省市区级联选择


【技术编程|无代码实现省市区级联选择】
目标:
在新建客户功能中实现省市区级联选择 , 并将三项属性合并到住址属性;实现环境:
白码低代码平台;准备工作:
创建客户表、省市区三个表 , 其中客户表关联了省市区三个表;

技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图

数据表分析:
为了能够实现级联选择 , 需要在第二级以上的选项添加关联上一级的属性 , 且主键必须是对应的名称 , 因为我会用到平台提供的关联属性的下拉选择功能 , 选项只会显示对应的主键 , 根据官方的说明 , 没有设置主键的数据表 , 会默认将第一个属性作为主键;客户数据表中的住址属性只需要设为这三级选项对应名称的拼接即可 。 实现步骤:
1.创建一个新建客户的功能 , 可使用平台提供的功能模板 , 快速创建一个基础的新建功能 , 再进行操作设置的调整;

技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图

2.调整一下属性操作和属性选项卡 , 如下图所示 , 其中省市区需要勾选“下拉选择”功能 , (关联属性默认是通过查看完整的数据列来选择的 , 但对于这种数据列少的数据 , 改成“下拉选择”会更容易操作) , 此外 , 市和区属性需要设置筛选条件 , 即市数据表中关联省的属性必须等于前面选择的省 , 区属性同理 , 住址则属性设为省市区三个关联属性对应的名称的拼接 , 省+市+区;

技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图


技术编程|无代码实现省市区级联选择
本文插图

3.接下来就需要先导入省市区的数据了 , 这里就不再详细演示了 , 我先导入了一小部分 , 下面是测试效果;

技术编程|无代码实现省市区级联选择
本文插图


    推荐阅读