页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文仅供参考)(本文档仅供参考,本示例已在V11版本中测试并验证通过,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码)

问题说明

在交互仪表盘中新增宏代码,根据指定的Tab组件,影响其他tab页:

Image Modified

版本及客户端说明

1.smartbi版本:V11

2.客户端:PC

3.浏览器:IE11、谷歌浏览器(Chrome)、火狐浏览器(Firefox)

解决方案:

...


解决方案

参考下述宏代码实现:


代码块
function main(page:

...

 IPage, portlet:

...

 IStaticTabsPortlet) {

...


    let otherTabPortlet1: IStaticTabsPortlet = page.getPortletsByTitle('Tab_顾客分析')[0]

...


   let otherTabPortlet2: IStaticTabsPortlet = page.getPortletsByTitle('Tab_AA分析')[0]

...


    portlet.setActiveTabNameChangeHandler((tabName) => {

...


        otherTabPortlet1.setActiveTabName(tabName)

...


        otherTabPortlet2.setActiveTabName(tabName)

...


    })

...


    

...


}


Image Modified