无代码实现省市区级联选择
2020-09-25 18:45
1086 查看
目标:
在新建客户功能中实现省市区级联选择,并将三项属性合并到住址属性;
实现环境:
白码低代码平台;
准备工作:
创建客户表、省市区三个表,其中客户表关联了省市区三个表;
数据表分析:
为了能够实现级联选择,需要在第二级以上的选项添加关联上一级的属性,且主键必须是对应的名称,因为我会用到平台提供的关联属性的下拉选择功能,选项只会显示对应的主键,根据官方的说明,没有设置主键的数据表,会默认将第一个属性作为主键;客户数据表中的住址属性只需要设为这三级选项对应名称的拼接即可。
实现步骤:
1.创建一个新建客户的功能,可使用平台提供的功能模板,快速创建一个基础的新建功能,再进行操作设置的调整;
2.调整一下属性操作和属性选项卡,如下图所示,其中省市区需要勾选“下拉选择”功能,(关联属性默认是通过查看完整的数据列来选择的,但对于这种数据列少的数据,改成“下拉选择”会更容易操作),此外,市和区属性需要设置筛选条件,即市数据表中关联省的属性必须等于前面选择的省,区属性同理,住址则属性设为省市区三个关联属性对应的名称的拼接,省+市+区;
3.接下来就需要先导入省市区的数据了,这里就不再详细演示了,我先导入了一小部分,下面是测试效果;
相关文章推荐
- javascript实现省市区三级联动选择的代码(数据为模拟json数据)
- [C#]使用 C# 代码实现拓扑排序 dotNet Core WEB程序使用 Nginx反向代理 C#里面获得应用程序的当前路径 关于Nginx设置端口号,在Asp.net 获取不到的,解决办法 .Net程序员 初学Ubuntu ,配置Nignix 夜深了,写了个JQuery的省市区三级级联效果
- js实现一个省市区三级联动选择框代码分享
- js实现一个省市区三级联动选择框代码分享
- 【Java学习笔记】排序算法:冒泡排序、快速排序、选择排序、插入排序算法思想及其Java代码实现
- GridView控件的选择功能,代码实现CheckBox控件的全选、反选以及取消
- [置顶] android阅读器长按选择文字功能实现代码
- 一行代码完成 调用系统相册 和 视频,语音库,选择图片,视频,和音频文件。在选择界面实现了录制视频和录制音频功能。 截图
- 手把手教你webpack+vue+amaze-vue实现省市区三级联动选择组件
- iOS 修改头像,几行代码实现从相册选择照片
- java 通过代码实现动态选择数据源
- JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
- 基于jquery实现select选择框内容左右移动添加删除代码分享
- 算法代码实现之选择排序,Golang(Go语言)实现
- Android中使用开源框架citypickerview实现省市区三级联动选择
- asp.net实现省市区级联下拉列表并保存状态
- 简单选择、冒泡、插入排序思想及Java实现代码
- Python实现冒泡排序、选择排序、插入排序、快速排序、归并排序、二分法查找算法(基于《算法导论》伪代码)
- js实现点击文本框显示日期选择器特效代码分享
- js实现点击文本框显示日期选择器特效代码分享