# 如何实现点击树节点刷新组件数据

来源快照：`result_data_new_260518.json`

- 来源 ID：`1969451345611543757`
- 模块：低代码平台e-builder
- 目录：常见问答 - 页面设计
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**问题描述：**

目前页面的树组件节点事件动作刷新组件暂未对接树节点数据，那么如何实现点击切换树节点时刷新列表等组件的数据呢？

如在零件加工管理场景中，搭建设备库时，左侧显示设备加工组，右侧显示加工组下详细的设备列表，点击切换左侧的加工组时同步刷新右侧的设备列表仅显示属于该加工组的设备信息：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722298869948440&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**解决方案：**

在被刷新的组件上设置数据过滤条件为过滤字段等于路径参数，路径参数时自定义字符，如本场景中设置设备列表组件的归属加工组等于系统路径参数{process}  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722303277531139&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)设置树组件根节点动作为JavaScript，输入代码：

pageSdk.refresh('组件id', function(){

});

该代码为刷新组件的代码，因以上代码为传递任何的数据筛选参数，点击树组件的根节点时，会刷新设备列表显示全部设备信息

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722303224373272&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

如何找到组件id：保存页面设计，预览页面，打开浏览器开发人员工具 ，选择右上角的检查工具，点击页面中的列表组件，在元素结构中找到列表组件id，<div>标记中类名为ebcom开头的就是eb组件  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722307588390932&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

设置树节点动作为JavaScript,输入如下代码：

var data = this.data;//获取点击当前点击节点的节点数据

var process= data['id'];//获取节点数据中的id

if(process.indexOf('_')>0) process = process.split('_')[1];//树节点的id结构为"树id_节点数据id",取下划线后的数据id即为加工组的数据ID

pageSdk.refresh('bebc42028a7d4d16873cb9b7191a4dc1', {process: process}, function(){

});//刷新列表组件，传递数据过滤参数

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722307588390943&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

实现效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722311909408776&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
