FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

(此文档仅供参考，因宏代码有一定场景限制，如不满足实际应用场景，需自行调整相关宏代码)

问题说明

        仪表盘中想要实现，上面的页签组件A切换不同页签后，实现下方页签组件B同步切换页签的效果。具体如下图所示：



解决方案

        可通过对仪表盘写宏处理：

1
2
3
4
5
6
7
8

//类型：ClientSide 对象：页签_1 事件： onAfterRender
function main(page: IPage, portlet: IStaticTabsLinkPortlet) {
    let childTab: IStaticTabsLinkPortlet = page.getPortletsByTitle('页签_2')[0]
    portlet.setActiveTabNameChangeHandler((activeTabName) => {
        childTab.setActiveTabName(activeTabName)
    })
        }

page.getPortletsByTitle("页签_2")[0] 的“页签_1”可以通过图层查看具体页签组件的名称是什么，如图3：

  • 无标签