润乾集算报表实现参数联动效果

来源：互联网发布：windows pe 编辑：程序博客网时间：2024/05/22 10:25

http://blog.runqian.com.cn/?p=1833

在报表交互分析中，报表经常需要根据参数变化实时联动展现。润乾集算报表可以实现参数联动效果，下面通过一个例子说明。

页面的左侧为参数输入入口，参数选择后右侧数据报表会根据左侧的选择实时查询得到结果，如下图：

report5_format_arg_1

实现步骤见下。

准备报表

连接默认的demo数据源，制作如下报表：

report5_format_arg_2

其中，报表参数为：

report5_format_arg_3

用于接收地区和城市参数。

报表数据集为：

report5_format_arg_4

report5_format_arg_5

定义参数输入
定义参数输入页面，如下：

<html>

<head>

</head>

<body>

<tr>

<a >请选择参数：</a><br><br>

<form>

</select>

</select>

</form>

</td>

</td>

</tr>

<table>

</body>

</html>

其中，数据报表采用iframe嵌入，发布报表的showReport.jsp可以集算报表的安装包中获得。这里需要定义下拉框onChange事件。加入如下JS代码：

function change(type,value){

var url = parent.document.getElementById(“report”).src;

var arr = url.split(“&”);

var area = arr[1].split(“=”)[1];

var city = arr[2].split(“=”)[1];

if(type==1) area=value;

if(type==2) city=value;

document.getElementById(“report”).src=”showReport.jsp?rpx=demo.rpx&area=”+area+”&city=”+city

}

</script>

选择参数后通过修改iframe的src属性，即可实现联动查询效果。

1 0