# SuperPage交互-切换多页面板

切换多页面板配合标签页下拉框组件,可以实现多页面板中多个子页面之间的动态切换。如下图所示:

切换多页面板

示例地址:多页面板 (opens new window)

# 使用切换多页面板

使用切换多页面板交互,需要在该页面中提前设置好多页面板组件内容,并通过目标对象属性选择需要切换的多页面板。以使用标签页组件为例,点击标签页选项切换多页面板中的多个子页面,具体步骤如下:

操作步骤

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

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

切换多页面板,提供了四种切换规则,可在目标面板中进行设置:

  • 事件源序号:根据标签页下拉框里值的顺序,与多页面板中子页面的顺序进行匹配切换,当选中标签页的第一个选项时,就切换到多页面板的第一个panel页
  • 事件源值:根据下拉框枚举值的值或者标签页选项的内容,与多页面板中子页面的名称进行匹配切换
  • 指定页:自定义切换到指定的子页面,可在输入框中输入子页面的序号,如2,则切换到第二页,序号超出已有的子页面个数时默认为第一页。下一页上一页第一页最后一页是已经确定序号的指定页
  • 动态页:可以根据表达式书写条件不同,切换的子页面不同,如IF([标签页1].[值]="面板3",3,2),当标签页的选项为面板3时,就切换到第三个子页面,否则切换到第二个子页面

TIP

多页面板配合下拉框组件,不使用切换多页面版交互也可以实现动态切换,可参考多页面板-默认页设置。

是否有帮助?
0条评论
评论