iframe中嵌入报表

  • 文档创建者:jiangsr
  • 编辑次数:5次
  • 最近更新:Wendy123456 于 2020-08-25
  • 1. 概述

    1.1 预期效果

    如何实现在 iframe 中嵌入报表?效果如下图所示:

    6.gif

    1.2 实现思路

    给按钮控件添加点击事件,添加 iframe 弹框并在其中嵌入模板,使用 remoteServletURL 获取模板路径。

    2. 示例

    2.1 添加按钮控件

    新建普通报表,在右侧属性面板中点击「组件设置」,添加按钮控件,按钮名字为「点击弹框」。如下图所示:

    2.png

    2.2 添加点击事件

    选中按钮控件,在右侧属性面板中点击「组件设置>事件」,添加「点击事件」,点击按钮可在弹窗中预览「GettingStarted.cpt」模板。添加参数「cc」,值用公式表示为「remoteServletURL」,用来获取模板路径。如下图所示:

    3.png

    JavaScript 代码如下所示:

    var iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' 
    frameborder='0'>"); // 对话框内 iframe 参数的命名,默认宽高占比是 100%,可向下滚动    
    iframe.attr("src", cc+"?reportlet=GettingStarted.cpt"); // 给 iframe 添加 src 属性  
    var o = {    
    width : 700,  //对话框宽度  
    height: 500  //对话框高度  
    };    
    FR.showDialog("添加", o.width, o.height, iframe,o);//弹出对话框

    若打开的模板在 %FR_HOME%\webapps\webroot\WEB-INF\reportlets 文件夹的子文件夹中,代码可这样修改:

    iframe.attr("src", cc+"?reportlet=demo/analytics/financial/EVA经济附加值模型.cpt");

    2.2 效果查看

    点击「填报预览」,效果如本文 1.1 节预期效果所示。

    附件列表


    主题: 参数应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!