低代码开发重要工具:jvs列表页中如何实现左树右表的配置

news2024/9/26 3:25:08

左树右表是一种数据查询展示方式,通常用于处理带有层级关系的查询条件的数据展示。它的基本思想是将一个大表分成左树和右表,左树是一个树形结构,右表是一个扁平的表。通过在左树上建立索引,可以大大提高查询效率。

左树右表的实现方式是先对左表进行分组和排序,然后将右表与左表进行联接。由于左表已经按照某个字段进行排序,可以利用这个排序结果进行快速匹配。这种方法避免了对整个大表进行全表扫描,因此能够大大减少查询时间和资源消耗。

在JVS列表页配置中,左树右表有两种配置实现的方式:左侧树的基本信息来源于系统中提供的树形字典 ;另外一种方式 ,左侧的树来源于自定义数据模型;

接下来我们详细介绍下配置的方式

字典模式

字典模式下的左树右表常用于全局不常修改的树形数据,这种特点是全局对树形的数据都是一致的。接下来,我们看看具体的操作配置:

1、进入应用字典界面,如下图所示:

可以导入字典,也可以手动创建字典

2、完成字典配置后,进入列表页的配置界面,选择左树右表的模式

3、进入列表页的新增上配置新增表单,将对应字段设置为字典,采用级联组件配置对应字段关联树形字典

在数据创建过程中,关联字典

4、回到列表页配置器中,在表格配置页面, 字段上会根据类型判断,如果是一个树形字段,系统会自动生成快速检索的开源配置项,将开关设置为启用状态,即可实现左树右表的样式

5、最终效果如下图所示

自定义树模型

在日常业务中,不仅需要固定的数据树形字典用于左树右表,很多情况是树形需要业务人员维护的,那么这种情况下,就需要自定义树模型,那么接下来我们看看这种模式下的左树右表配置过程:

1、构建一棵树模型

构建树模型可以使用普通列表页进行维护,如下图所示,本质上,各条数据就汇总形成了一棵树形结构

2、进入列表页的配置界面,选择左树右表的模式

3、将模型中的对应字段设置为树形模型, 从列表页的新增按钮中进入表单设计器

4、新增表单配置器中,选择级联组件、关联字段数据、设置关联模型,保存

5、返回列表页中配置快速查询

6、(可选)可设置树形字段界面上扩展树形数据,进入 快速检索的配置按钮,这里实现的逻辑是在树形筛选器上,可设置相关操作按钮

这里的设计是新增树形节点的相关配置,进入对应的设计界面。

7、最后配置效果如下:

8、在线demo:https://frame.bctools.cn/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/487711.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C/C++每日一练(20230504)

目录 1. 将数据流变为多个不相交区间 🌟🌟🌟 2. 冒泡法排序大小 🌟 3. Pow(x, n) 🌟🌟 🌟 每日一练刷题专栏 🌟 Golang每日一练 专栏 Python每日一练 专栏 C/C每日一练 专…

使用机器人为无线传感器网络提供服务(Matlab代码实现)

目录 💥1 概述 📚2 运行结果 🎉3 参考文献 👨‍💻4 Matlab代码 💥1 概述 无线传感器网络是一种无线网络,包括大量循环的、自定向的、微小的、低功耗的设备,称为传感器节点&…

MySQL存储引擎对比总结

文章目录 一、存储引擎是什么二、存储引擎有哪些三、常用存储引擎介绍1、InnoDB2、MyISAM3、MEMORY4、MRG_MYISAM (MERGE)5、ARCHIVE6、BLACKHOLE7、FEDERATED8、CSV9、PERFORMANCE_SCHEMA10、NDB 一、存储引擎是什么 存储引擎是数据库的核心&#xff0…

微信小程序实现订阅消息功能(Node服务器篇)

在上一篇内容当中在微信小程序中实现订阅消息功能,都在客户端(小程序)中来实现的,在客户端中模拟了服务器端来进行发送订阅消息的功能,那么本篇就将上一篇内容中仅在客户端中实现发送订阅消息功能进行一个分离,使用 Node.js 搭载后…

吧佬联手抵制奸商,百元级游戏电脑横出江湖

最近小忆闲得在电商平台搜索了下关键词「游戏主机」,不出意外销量榜前列清一色全是「i9 级高端游戏主机」。 这些主机不论配置单介绍还是十万百万级销量宣传标语,都给人一种血赚不亏的「豪华」感。 咱就说时代在变,唯一不变的是奸商们的套路与…

什么样的台灯灯光是好的?推荐中性色温的护眼台灯

台灯的灯光指的是白光和黄光&#xff0c;就是台灯的色温&#xff0c;而色温也是也会影响我们的直观感受的。 低色温&#xff08;>3000K&#xff09;光源偏黄&#xff0c;属于暖色调&#xff0c;适合休息高色温&#xff08;<5000K&#xff09;光源偏白&#xff0c;属于冷…

MWORKS.Sysplorer 2023a前瞻版上线——面向MBD全流程的覆盖

信息物理融合系统&#xff08;CPS&#xff09;的设计、建模与仿真是装备数字化的核心技术。MWORKS.Sysplorer经过多年的发展&#xff0c;已经支持机械、电气、流体、热力学等多个物理域的统一建模和统一仿真求解&#xff0c;解决了物理域统一表达与统一建模问题。为了支持完整的…

嘉立创EDA元件库开发环境及设计介绍

一、元件符号概述 如图1所示&#xff0c;元件符号是元件在原理图中的表现形式&#xff0c;主要由元件边框、管脚&#xff08;包括管脚符号和管脚名称&#xff09;、元件名称及说明组成&#xff0c;通过放置的管脚来建立电气连接关系。元件符号中管脚序号是和电子元件实物的管脚…

Node 11会话控制

会话控制 介绍 所谓会话控制就是 对会话进行控制 HTTP 是一种无状态的协议&#xff0c;它没有办法区分多次的请求是否来自于同一个客户端&#xff0c;无法区分用户 而产品中又大量存在的这样的需求&#xff0c;所以我们需要通过 会话控制 来解决该问题 常见的会话控制技术有…

ChatGPT被淘汰了?Auto-GPT到底有多强

大家好&#xff0c;我是可夫小子&#xff0c;关注AIGC、读书和自媒体。解锁更多ChatGPT、AI绘画玩法。 说Auto-GPT淘汰了ChatGPT了&#xff0c;显然是营销文案里面的标题党。毕竟它还是基于ChatGPT的API&#xff0c;某种意义只是基于ChatGPT能力的应用。但最近&#xff0c;Auto…

大型央企集团财务经营分析框架系列(二)

01集团化的数字化项目为什么会失败深度原因&#xff1a;方向性错误 这几年见过一些央企、国企、大型企业集团尝试过一些数字化的项目&#xff1a;数据中台、大数据分析、BI 分析项目&#xff0c;投入很大、周期也很长&#xff0c;甚至有的在项目开始前也找了专业的咨询公司来规…

按键外部中断

文章目录 运行环境&#xff1a;1.1 按键外部中断1)按键检测2)外部中断的3中触发方式 2.1配置1)原理图2)引脚配置3)中断配置4)RCC和SYS 3.1代码分析3.2添加代码1)中断处理函数IRQ中添加电平转换代码2)launch设置 5.1实验效果 运行环境&#xff1a; ubuntu18.04.melodic 宏基暗影…

如何用ChatGPT做团队绩效管理?根据员工的个人优势、不足、目标来生成更具体的绩效反馈

该场景对应的关键词库&#xff1a;&#xff08;25个&#xff09; 绩效管理、目标设定、绩效评估、员工优势、员工弱点、反馈机制、个人发展计划、职业规划、评估工具、数据分析、绩效考核、评分标准、KPI指标、成果目标、个人任务、团队任务、激励机制、晋升机会、增量奖励、培…

你的个人AI助理Pi来了

还记得之前的文章《不要老盯着ChatGPT&#xff0c;这几家公司的产品同样不容小觑》提到的Inflection AI公司吗&#xff1f;通过其官方推文了解到&#xff0c;前期我们关注的个人AI助理有了新的进展&#xff0c;Pi开始对外发布。 Pi是什么 Pi 是一种 AI&#xff0c;一种旨在提供…

使用crontab定时自动更新DDNS

需求说明&#xff1a; N1盒子的armbian系统配置好了 ipv6 的ddns&#xff0c;实现了域名访问本机&#xff0c;但是本地ipv6可能会发生变化&#xff0c;当发生变化后&#xff0c;需要手动执行指令&#xff0c;将新的ip与域名绑定&#xff0c;现在我们采用定时任务&#xff0c;每…

18 线性表的查找

查找的基本概念 **查找&#xff1a;**在数据集合中寻找满足某种条件数据元素的过程&#xff0c;称之为查找。 查找的结果 分别两种&#xff1a; 查找成功 即在数据集合中找到了满足条件的数据元素。查找结果给出整个记录的信息&#xff0c;或者改记录在查找表中的位置。查找失…

vivo积分任务体系的架构演进-平台产品系列05

作者&#xff1a;vivo 互联网平台产品研发团队- Mu JunFeng 积分体系作为一种常见营销工具&#xff0c;几乎是每一家企业会员营销的必备功能之一&#xff0c;在生活中随处可见&#xff0c;随着vivo互联网业务发展&#xff0c;vivo积分体系的能力也随之得到飞速提升&#xff0c;…

Java字符串的用法、原理、性能分析和总结

本文介绍了Java字符串的创建方式、拼接、比较、查找和替换等常见操作&#xff0c;并解析了Java字符串在内存中的存储方式及常量池的作用。文章还提到了Java字符串的性能问题&#xff0c;建议在进行大量的字符串操作时&#xff0c;应该尽量避免使用""号操作符和concat…

【模拟IC学习笔记】 Widlar电流源

原理分析 M3、M4工作在饱和区&#xff0c;M1、M2可以工作在饱和区也可以工作在亚阈值区。 两边电流相等&#xff0c;M3、M4尺寸相等&#xff0c;Vgs2&#xff1c;Vgs1&#xff0c;所以M2的尺寸应该比M1的尺寸大才能保证两边电流相等。K为M2和M1的尺寸比。 当M1和M2工作在饱和…

springboot集成Validated实现参数检验,分组校验,嵌套检验等

一&#xff0c;开发前工作 引入依赖 <dependency> <!--新版框架没有自动引入需要手动引入--><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-validation</artifactId> </dependency> 二&#xff0c…