Skip to content

左树右表联动

此功能允许用户在左侧树形结构中选择节点,右侧表格中随之显示相应节点的数据。本文将以左侧的组织架构树为例,点击某节点后,右侧表格将筛选并展示该部门下的成员信息。

功能描述

左树右表联动功能包含以下几个部分:

部门表

字段名标识符类型说明
编号code编号根据表达式 SZZX${String.lpad(seq,5,'0')} 自动生成的编号
组织名称name单行文本
子部门children子对象通过该字段构建树形结构

成员表

字段名标识符类型说明
名字name单行文本
部门dept关联记录关联 部门表,用于过滤成员信息
岗位post单行文本台账字段,仅存储台账信息,不参与业务逻辑
入职时间entryDate日期台账字段,仅存储台账信息,不参与业务逻辑

交互说明

  • 左侧树形结构:使用模块 侧边栏 加载 部门表 模块,构建组织架构树。
  • 右侧数据表格:直接使用 成员表 模块。
  • 联动效果:当用户点击左侧部门时,通过在 部门表 添加的 单击记录 类型的 表格事件 监听器触发自动化,设置 成员表 模块的过滤条件,实现点击记录,右侧表格显示对应部门成员数据的功能。

效果

效果

部门表事件监听-单击记录

  1. 传入参数${clickRecord}
  2. 设置自动化,设置用户过滤条件,具体自动化定义如下

部门表事件监听自动化

输入参数:

参数类型必填
recordRecord
  1. 添加步骤【设置数据表过滤器】

    参数
    数据表模块成员表
    过滤器部门等于${record.id}
  2. 刷新模块,模块为成员表

自动化设置