目标:点击某块汇总的单元格,然后直接在原表的位置下钻到明细表,且不会影响整个大屏的结构,同时又支持明细表再回退到汇总表的功能
1、新建tab组件
1、新建决策报表
将 body 的布局方式改为「绝对布局」
2、将 Tab 块拖入 body 中
新增两个tab块
两个tab块中分别放入两个报表块
拖入一个报表块,用来存放返回上一级按钮,设置为不可见
3、内容填充
3.1、明细表内容
SELECT * FROM S订单明细 where 订单ID = "${订单号}"
3.2、汇总表内容
SELECT a.*,b.雇员姓名 FROM S订单 a
left join 订单月阶 b on a.雇员ID = b.编号
// 局部刷新明细表所在报表块
_g().getWidgetByName("report1").gotoPage(1, "{订单号:" + 订单号 + "}", true);
// 将tab组件显示的tab块调整为明细表所在tab块
_g().getWidgetByName("tabpane0").showCardByIndex(0);
// 设置返回上一级按钮显示
_g().getWidgetByName('返回上一级').setVisible(true);
3.3、返回上一级内容
tab组件添加一个初始化事件
_g().getWidgetByName("tabpane0").showCardByIndex(1);
// 将tab组件显示的tab块调整为汇总表所在tab块
_g().getWidgetByName("tabpane0").showCardByIndex(1);
// 设置返回上一级按钮隐藏
_g().getWidgetByName('返回上一级').setVisible(false);