示例说明
在交互仪表盘中新增宏代码，隐藏指定的Tab组件的顶部Tab：
版本及客户端说明
1.smartbi版本：V11
2.客户端：PC
3.浏览器：IE11、谷歌浏览器（Chrome）、火狐浏览器（Firefox）
设置方法
- 准备好要修改的交互仪表盘
| 类型 | 对象 | 事件 |
|---|
| ClientSide（客户端宏） | 仪表盘 | onRender |
该宏的作用为隐藏目标Tab组件的Tab栏：
/******************************宏代码说明******************************
* version:Smartbi V11
* 类型：ClientSide
* 对象：仪表盘
* 事件：onRender
* 效果描述：隐藏Tab组件顶部Tab
* 是否可修改：是
*********************************************************************/
function main(page: IPage) {
// tab控件的标题
let stringArray: string[] = [
'Tab_顾客分析',
'Tab_区域分析'
];
stringArray.forEach((tabTitle) => {
// 查找对应的tab控件
let tabPortletArray = page.getPortletsByTitle(tabTitle);
if (tabPortletArray && tabPortletArray.length > 0) {
let tabPortlet: IStaticTabsPortlet = tabPortletArray[0];
tabPortlet.appendCss('.el-tabs__header', {
'display': 'none'
});
}
});
}
配置说明：
| 配置名称 | 配置描述 | 配置值 |
|---|
| stringArray | 需要隐藏顶部Tab的Tab组件 | Tab组件的组件标题。 |
4. 配置完成后进行保存即可。
示例资源
在线访问资源：示例资源
导出资源：隐藏Tab组件顶部Tab.xml
