---
order: 6
navTitle: 切换多页面板
---
# 仪表板交互-切换多页面板

**切换多页面板**配合[标签页](../../components/input/tabbar.md)、[选择面板](../../components/input/selectpanel.md)、[下拉框](../../components/input/combobox.md)组件，可以实现[多页面板](../../components/layout/panelbook.md)中多个子页面之间的动态切换。如下可动态切换行政区划和产品类别：

![切换多页面板](./images/chartswitching.gif)

示例地址：[完成率分析](https://demo.succbi.com/v5/bi/%E5%AE%8C%E6%88%90%E7%8E%87%E5%88%86%E6%9E%90)

## 使用切换多页面板{#start}

使用切换多页面板交互，需要在该页面中提前设置好[多页面板](../../components/layout/panelbook.md)组件内容，并通过**目标对象**属性选择需要切换的多页面板。以使用**标签页**组件为例，点击标签页选项切换多页面板中的多个子页面，具体步骤如下：

![操作步骤](./images/2021-11-08-10-02-22.png)

1. **添加组件：** 在页面中分别添加**多页面板**和**标签页**组件，并设置内容
2. **添加交互并设置属性：**
   1. 选中**标签页**组件，添加**切换多页面板**交互
   2. 在交互中，**目标对象**属性选择需要切换的`多页面板1`，目标面板为`事件源序号`，更多切换规则可查看[设置切换多页面板的规则](#rules)

## 设置切换多页面板的规则{#rules}

切换多页面板，提供了四种切换规则，可在**目标面板**属性中进行设置，具体规则内容可查看[设置切换多页面板的规则](../../../../app/superpage/design/action/switch-panelbook.md#rules)。

:::tip
多页面板配合下拉框组件，不使用切换多页面版交互也可以实现动态切换，可参考[多页面板-默认页](../../components/layout/panelbook.md##default)设置。
:::