在交互仪表盘中新增宏代码,隐藏指定的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