# 页面组件：分段组件

来源快照：`result_data_new_260518.json`

- 来源 ID：`1966381504740232070`
- 模块：低代码平台e-builder
- 目录：专题学习 - 功能点专题 - 页面图表
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 1\. 场景说明

  


点击分段按钮时触发不同事件，打开指定窗口、关闭当前窗口与刷新指定组件内容。其中刷新组件功能常用于移动端，如在任务台账中，通过点击按钮根据任务状态刷新台账信息。

展示效果如下：![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709194851909642&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)

#   


# 2\. 功能简介

  


在页面设计器中，拖入分段组件，通过数据项动作配置达到触发不同事件的目的。选择组件可选择本页面上的组件，类型暂限制为列表和图表。其中列表不包含业务列表。  


#   


# 3\. 操作说明

  


1.在页面设计器中拖入分段件与列表组件。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709194916339734&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)

  


2.选择分段组件，数据项中修改标题为未开始，点击动作按钮。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709194916339749&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=1157709199323037698&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=1157709199346262029&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=1157709199346262046&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=1157709203690823689&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)

  


4.选择分段组件配置打开表单动作。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709203492175926&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=1157709203690823807&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=1157709203439902909&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=1157709207846748198&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=1157709207846748207&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=1157709212266659851&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=1157709225057345541&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)
