获取url中的参数并传递给iframe中的报表

编辑
  • 文档创建者:文档助手1
  • 浏览次数:20375次
  • 编辑次数:19次
  • 最近更新:Kevin-s 于 2019-06-09
  • 1. 问题描述

    用户系统在左边一般有目录树,点击报表节点就会在右侧网页的 iframe 中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等,希望 iframe 中集成的报表能够获取到主页面中传递过来的参数。

    如实现下面的点击网页链接help/page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡,直接可以使报表可以直接使用这些参数:


    2. 解决思路

    点击节点打开一个网页,网页对应的 URL 如:/工程名/xxx.html?para=paravalue,在网页加载时先通过 JS 获取 URL 中的参数值,嫁接在 iframe 的 src 后,形成最终的报表路径。

    3. 实现方法

    3.1 主页面中获取 URL 中的参数

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

    <html>
    <head>
    <title>FineReport Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <script type="text/javascript" src="/webroot/decision/view/report?op=emb&resource=finereport.js"></script>
    <script type="text/javascript">
    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;
    </script>
    </head>
    <body>
    <iframe id="reportFrame" width="900" height="400"></iframe>
    </body>
    </html>

    已完成示例请参照%FR_HOME%/WebReport/page_demo/geturlpara.html


    3.2 决策报表中添加链接

    使用管理员登录决策平台,点击管理系统>目录管理,点击添加链接

    链接路径为:help/page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡,名称为:URL 参数传递给 iframe 中的报表,如下图:


    这样刷新 fs,就可以看到左侧目录树中多了一个节点,点击该节点后,就可以在右侧网页的 iframe 中显示出报表包括传递给网页的参数, 实现所要达到的需求了。


    附件列表


    主题: 部署集成
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]