html url 数组参数传递,URL 参数传递给 iframe 中的报表

2.1 制作HTML文件

制作 HTML 文件,代码如下所示,并将该文件放到设计器安装路径%FR_HOME%/webapps/webroot/help/page_demo/geturlpara.html下。

注:该 HTML 文件已经合到设计器 exe 中,用户可以直接使用。

将报表生成网页时,给网页添加 onload 事件,首先获取 URL 中的参数,然后嫁接到 iframe 的 src 上,或者通过获得的参数拼接出完整的报表 URL 赋给 iframe 的 src。

HTML 代码:

FineReport Demo

function autoLoad(){

//返回从问号 (?) 开始的 URL(查询部分)

var paraString = location.search;

//多个参数用&分隔,将参数字符串转为数组,使每个参数值存于一个数组元素中

var paras = paraString.split("&");

//每个数组元素中"="后面的值即参数值

var reportName = paras[0].substr(paras[0].indexOf("=") + 1);

var area = paras[1].substr(paras[1].indexOf("=") + 1);

var province = paras[2].substr(paras[2].indexOf("=") + 1);

var city = paras[3].substr(paras[3].indexOf("=") + 1);

//使用获取的参数值拼接出最终的url

var reportURL = "/webroot/decision/view/report?viewlet=" + reportName + "&area=" + area + "&province=" + province + "&city=" + city;

//URL 中可能包含中文或特殊字符因此需要进行编码转换,注意需要先引入 finereport.js

reportURL = encodeURI(reportURL);

//将新的报表路径赋给报表所在 iframe 的 src

document.getElementById("reportFrame").src = reportURL;

}

//加载网页时调用autoLoad方法

window.onload = autoLoad;

2.2 决策系统添加链接

决策系统选择管理系统>目录管理>管理目录>添加链接,新增一个链接形式的报表节点。

链接路径为:help/page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡

66530028bf15733bb2e0b0042df8a5a4.png

2.3 效果查看

点击新生成的报表节点后,链接路径中的参数就传递到报表中了。

4d43d78915c0aa42950f3ee1a2f7cca1.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值