左树右表的配置,无代码方式实现

场景

以公司的部门与员工为示例(需要建一个自关联字段)

第一步先在模型设计器界面创建一个员工模型

数式oinone低代码-树表的配置,无代码方式实现

第二步在模式设计器界面创建一个部门模型,并建自关联字段与他表模型关联字段

1.创建部门模型

数式oinone低代码-树表的配置,无代码方式实现

2.创建自关联字段

数式oinone低代码-树表的配置,无代码方式实现

3.建关联其他模型字段

数式oinone低代码-树表的配置,无代码方式实现

第三步在界面设计器页面设计树表

1.创建树表页面

数式oinone低代码-树表的配置,无代码方式实现

2.设计树表

数式oinone低代码-树表的配置,无代码方式实现

3.设计创建表单

数式oinone低代码-树表的配置,无代码方式实现
数式oinone低代码-树表的配置,无代码方式实现
数式oinone低代码-树表的配置,无代码方式实现
数式oinone低代码-树表的配置,无代码方式实现

第四步查看效果

1.先创建部门

数式oinone低代码-树表的配置,无代码方式实现

2.再创建员工

数式oinone低代码-树表的配置,无代码方式实现

3.最终树表效果

数式oinone低代码-树表的配置,无代码方式实现

Oinone社区 作者:谢, 莎原创文章,如若转载,请注明出处:https://doc.oinone.top/designer/uidesigner/4597.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
谢, 莎的头像谢, 莎数式员工
上一篇 2023年11月17日 下午12:10
下一篇 2023年11月21日 下午2:22

相关推荐

  • 【界面设计器】左树右表

    阅读之前 你应该: 熟悉模型的增删改查相关内容。【界面设计器】模型增删改查基础 名词解释 主体:在视图中提供数据源的主要组件,并且所有动作都围绕着该主体展开。 一级搜索:在表格视图中,上方直观可见的搜索区,为表格提供筛选功能。 二级搜索:与一级搜索不同的是,其搜索条件是通过某些组件的行为追加到一级搜索条件之上的筛选功能。 概述 平台中对于左树右表提供了两种类…

    2023年11月1日
    46600
  • 自定义的复杂字段配置透出字段

    学习这篇文章之前,需要先学会使用在界面设计器自定义一个前端组件,如果您还不会,可以先看这篇文章 默认情况下,当开前端发人员自定义了一个复杂字段,比如M2O、O2M、M2M的字段,那么Graphql查询的时候,只会查询id跟name这两个字段,如果还想查询字段的字段,那么可以通过配置化的方式来处理 1: 在界面设计器的组件区域中新增对应的字段 2: 设计元件,…

    2023年11月9日
    36400
  • 设计器串联动作使用说明

    工作流串联动作 界面所属模块需要保证依赖模块列表依赖了“工作流”。 低代码依赖模块 <dependency> <groupId>pro.shushi.pamirs.workflow</groupId> <artifactId>pamirs-workflow-api</artifactId> <…

    2024年9月20日
    38100
  • 弹窗或抽屉表单视图rootRecord获取不到对应的数据

    在平台默认的实现中,rootRecord 代表的是根视图的数据。比如,在表格页面点击按钮打开了弹窗,弹窗里面包含一个表单视图,但是该视图获取 rootRecord 却是最外层的视图数据。 如果期望 rootRecord 数据是弹窗的视图数据,需要手动修改表单的 rootRecord。下面的代码演示了如何重写 rootData 以确保其数据是弹窗的数据: @S…

    2023年11月13日
    36600
  • 创建与编辑一体化

    在业务操作中,用户通常期望能够在创建页面后立即进行编辑,以减少频繁切换页面的步骤。我们可以充分利用Oinone平台提供的创建与编辑一体化功能,使操作更加高效便捷。 通过拖拽实现表单页面设计 在界面设计器中,我们首先需要设计出对应的页面。完成页面设计后,将需要的动作拖入设计好的页面。这个动作的关键在于支持一个功能,即根据前端传入的数据是否包含id来判断是创建操…

    2023年11月21日
    60200

发表回复

登录后才能评论