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