(本文档仅供参考,请根据实际需求内容调整)
问题
仪表盘中有一筛选器,两个表格,如何根据筛选器的值控制两个表格的显示隐藏,如筛选器的值为"1",显示"图表1",筛选器的值为"2"
解决方案
可以考虑对筛选器组件创建如下宏代码调整实现,实现效果见动图。
代码块 | ||||||
---|---|---|---|---|---|---|
| ||||||
//类型:ClientSide 事件:onBeforeRender function main(page: IPage, portlet: IFilterPortlet) { debugger; //初始化显示 table_switch(page,'2') // 选择值之后做切换 portlet.setFilterValueChangeHandler(function (value: any) { table_switch(page, value[0]); return value; }) function table_switch(page: IPage, title: string) { const table1: ITablePortlet = page.getPortletsByTitle('图表1')[0] as ITablePortlet; const table2: ITablePortlet = page.getPortletsByTitle('图表2')[0] as ITablePortlet; if (title == '1') { table1.show(); table2.hide(); } else if (title == '2') { table1.hide(); table2.show(); } } } |