在交互仪表盘中新增宏代码,变化筛选器的值时自动切换Tab:
1.smartbi版本:V11
2.客户端:PC
3.浏览器:IE11、谷歌浏览器(Chrome)、火狐浏览器(Firefox)
类型 | 对象 | 事件 |
---|---|---|
ClientSide(客户端宏) | 具体的组件 | onAfterRender |
该宏的作用为变化筛选器的值时,自动切换Tab
/******************************宏代码说明****************************** * version:Smartbi V11 * 类型:ClientSide * 对象:具体组件 * 事件:onAfterRender * 效果描述:变化筛选器的值时自动切换Tab * 是否可修改:是 *********************************************************************/ function main(page: IPage, portlet: IFilterPortlet) { portlet.setFilterValueChangeHandler(function (value: Array) { // 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]; if (value && value[0] == "华北") { tabPortlet.setActiveTabName('0'); } else { tabPortlet.setActiveTabName('1'); } } }); }); } |
配置说明:
配置名称 | 配置描述 | 配置值 |
---|---|---|
indexes | 隐藏的列下标 | 数值数组,第一列为0,以此类推 |
4. 配置完成后进行保存即可。
在线访问资源:示例资源
导出资源:值变化时切换下方的Tab控件.xml