# 树组件如何在当前布局打开页面

来源快照：`result_data_new_260518.json`

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

## 正文

**问题描述：**

如下图所示，我们在页面中用到树组件时，希望树组件点击某个节点，能在右侧打开对应的页面，例如表单的表格视图等等：

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