# 数据明细实现数据详情信息查看

来源快照：`result_data_new_260518.json`

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

## 正文

**问题描述：**

例如点击列表中每个问答标题、打开对应标题的数据详情

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721100577636384&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)

  


  


**解决方式** ：

 

1:新建页面-拖入列表组件-进行列表的配置，选取列表数据源、设置列表数据展示样式等

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721104994869271&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://www.e-cology.com.cn/api/file/preview?type=redirect&imgFormat=image&fileId=942357932648603648)

 

2：列表添加事件动作为单击每一条数据，事件配置为打开页面，通过参数配置将数据赋值给参数a

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721104994869313&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)

  


  


 

  


 

 

3： 新建页面，添加数据明细组件，属性—明细设置—内容下拉新建添加数据集，维护数据集内容

 

 

①   数据集名称可以自定义，但是需要为全英文

②   数据源需要列表页面中列表所取得数据源相同，字段可以按照需求选取

  


 ![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721109326954503&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://www.e-cology.com.cn/api/file/preview?type=redirect&imgFormat=image&fileId=942354883281387521)

 

 

 

  


4：进行条件设置，进行传参过滤，一般选取数据ID,因为每一条数据的ID是唯一的，可以以此作为过滤依据

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721109331779629&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)

  


 

 

5：添加明细，维护明细名称、内容，可点击更多设置配置事件动作、开启换行显示或无数据隐藏  


  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721113517694995&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)
