Appearance
左树右表联动
此功能允许用户在左侧树形结构中选择节点,右侧表格中随之显示相应节点的数据。本文将以左侧的组织架构树为例,点击某节点后,右侧表格将筛选并展示该部门下的成员信息。
功能描述
左树右表联动功能包含以下几个部分:
部门表
| 字段名 | 标识符 | 类型 | 说明 |
|---|---|---|---|
| 编号 | code | 编号 | 根据表达式 SZZX${String.lpad(seq,5,'0')} 自动生成的编号 |
| 组织名称 | name | 单行文本 | |
| 子部门 | children | 子对象 | 通过该字段构建树形结构 |
成员表
| 字段名 | 标识符 | 类型 | 说明 |
|---|---|---|---|
| 名字 | name | 单行文本 | |
| 部门 | dept | 关联记录 | 关联 部门表,用于过滤成员信息 |
| 岗位 | post | 单行文本 | 台账字段,仅存储台账信息,不参与业务逻辑 |
| 入职时间 | entryDate | 日期 | 台账字段,仅存储台账信息,不参与业务逻辑 |
交互说明
- 左侧树形结构:使用模块
侧边栏加载部门表模块,构建组织架构树。 - 右侧数据表格:直接使用
成员表模块。 - 联动效果:当用户点击左侧部门时,通过在
部门表添加的 单击记录 类型的 表格事件 监听器触发自动化,设置成员表模块的过滤条件,实现点击记录,右侧表格显示对应部门成员数据的功能。
效果

部门表事件监听-单击记录
- 传入参数
${clickRecord} - 设置自动化,设置用户过滤条件,具体自动化定义如下
部门表事件监听自动化
输入参数:
| 参数 | 类型 | 必填 |
|---|---|---|
| record | Record | 是 |
添加步骤【设置数据表过滤器】
参数 值 数据表模块 成员表过滤器 部门等于 ${record.id}刷新模块,模块为
成员表


