用报表模板实现类似门户侧边栏效果，并支持为所有报表设置统一参数

复制链接 | 收藏本帖

2966

楼主

本帖最后由 Shirley 于 2020-3-17 19:56 编辑

一、需求说明 需要在打开门户时向该门户包含的所有报表统一传递参数，并需要侧边栏可进行展开收起。
二、需求实现
1.添加报表模板，在报表模板中添加3个水平布局块

从左到右代号依次为：HHH13,HHH12,HHH4
2.在HHH13中添加表格（代号：GRID1），用作生成列表
为表元设置"钻取设置"—嵌入式，绑定表格

3.在HHH12中添加图片组件（代号：HHH16），选择一个收起图片
4.在编辑区属性—高级选项—脚本

// 数组中需要有4个值，第1个值为收起图片代号，第2~4个值为布局块代号
var names = new Array("HHH16","HHH13","HHH12","HHH4");
//获取原始位置信息
var HHH16 = $("#"+names[0]).parent().parent();
var show1 = HHH16.css("left").substring(0,HHH16.css("left").indexOf('p'));
var div2 = $("#"+names[2]).parent().css("left").substring(0,$("#"+names[2]).parent().css("left").indexOf('p'));
var div3 = $("#"+names[3]).parent().css("left").substring(0,$("#"+names[3]).parent().css("left").indexOf('p'));
var l2=div2-show1;
var l3=div3-show1;
//修改表格悬停文字显示样式
EUI.addStyleSheet("#GRID1 a:hover {color: #00CCFF !important;}");
//收起展开侧边栏
$("#"+names[0]).click(function(){
var show = $("#"+names[0]).parent().parent().css("left").substring(0,$("#"+names[0]).parent().parent().css("left").indexOf('p'));
if(show>0){
$("#"+names[1]).parent().css('visibility','hidden');
$("#"+names[2]).parent().css("left",l2+'px');
$("#"+names[3]).parent().css("left",l3+'px');