# 页面组件：容器多列容器支持存为模母板及锁定显示隐藏

来源快照：`result_data_new_260518.json`

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

## 正文

**1.      场景说明：**  


**  
**

若系统管理员想要针对某个组件限制前端用户的编辑权限，那么可以在后端页面设计器当中对该容器组件进行锁定，锁定后，前端用户无法对该组件进行编辑，且无法对该组件进行显示或隐藏操作；并且若是用户在设计页面时，需要复用同多个组合组件多次，可以将容器/多列容器组合另存为模板或者母版，下次在使用时可以直接复用。

 

**2.      功能简介：**

**  
**

（1）     容器/多列组件支持保存为模板和母版

进入页面设计器当中，选中所需的容器/多列容器，可以看到右下角有另存为按钮，点击后可按需保存为模板或母版。

（2）     容器/多列容器显示或隐藏

进入页面设计器-大纲当中，可以点击组件后方的眼睛标识，选择将容器/多列容器进行隐藏或显示。

（3）     容器/多列容器组件锁定

在页面设计器当中选中容器/多列容器组件，可以看到右下角有锁头标识，点击后可对该组件进行锁定，锁定之后用户无法在前端对该容器组件进行显示/隐藏操作。

 

**3.      操作说明：**

**  
**

（1）     首先进入页面设计器当中，选中容器/多列容器组件，可以看到下方的另存为按钮。

 

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157710045415702559&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=1157710049793671186&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=1157710049556848694&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=1157710054097911848&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=1157710058138394650&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=1157710062441750537&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=1157710062569521206&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=1157710066865373243&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=1157710071269392408&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=1157710075404091401&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)
