# 页面组件：按钮组件

来源快照：`result_data_new_260518.json`

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

## 正文

# 1\. 场景说明

  


在一些情况下，用户浏览项目列表内容时，可能还需要切换查看一些项目信息看板，为了快速的进行查看，可以通过设置快捷弹出的方式，在当前页面就可以实现一键查看信息看板的效果。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709482713440276&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=1157709487069954052&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=1157709486982504463&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=1157709487043903527&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=1157709491272646665&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=1157709491272646676&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）显示类型：文字按钮。

（2）显示内容：点击查看项目看板。

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