反馈已提交

网络繁忙

JS实现点击按钮打开对话框报表

  • 文档创建者:jiangsr
  • 历史版本:15
  • 最近更新:RosieY 于 2021-11-16
  • 1. 概述

    1.1 预期效果

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

    6.gif

    1.2 实现思路

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

    2. 示例

    2.1 添加按钮控件

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

    image.png

    2.2 添加点击事件

    选中按钮控件,在右侧属性面板中点击控件设置>事件,添加点击事件,点击按钮可在弹窗中预览「GettingStarted.cpt」模板。

    添加参数 cc,值用公式表示为remoteServletURL,用来获取模板路径。如下图所示:

    image.png

    JavaScript 代码如下所示:

    注:src 后缀要根据URL修改,跳转到决策报表时可以修改为?viewlet=模板名称.frm

    var iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' framedorder='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.3 效果预览

    保存报表,点击填报预览,效果如本文 1.1 节预期效果 所示。

    注:不支持移动端。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\\doc\Form\WidgetExample\iframe中嵌入报表.cpt

    点击下载模板:iframe中嵌入报表.cpt

    附件列表


    主题: 填报应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持