历史版本1 :组织树传参 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、问题描述编辑

当我们在实际使用过程中,经常会遇到一种架构为,左边树状图,右边显示信息的架构。

当点击左侧组织树的时候,右边表格会跟着自动变换

效果如图1所示:

222











2、方法示例编辑

1)树状图

左侧树状图设置方法,此处不详细介绍,参照下拉树控件-http://help.finereport.com/doc-view-260.html即可

2)右侧表格引用

右键点击,选择控件设置——》类型选择:网页框,填写内容如图2所示:

在地址栏输入需要嵌入的报表地址,在参数栏输入,需要通过树状图传入的参数


222





















3)树状图参数传递

点击模板-》模板web属性-》数据分析设置,点击下方“+”号,添加加载结束后事件,方法如图3所示:


222






















4)加载结束后的js代码:

setTimeout(function(){
    $("[cef='A4']").bind("click",function(){
        var value=$(this).text();       
        var url = "http://";   
FR.doHyperlinkByPost(url,{a:value},'A');          
        })
        $("[cef='A3']").bind("click",function(){
        var value=$(this).text();       
        var url = "http://";   
FR.doHyperlinkByPost(url,{a:value},'A');          
        })
        $("[cef='A2']").bind("click",function(){
        var value=$(this).text();       
        var url = "http://";   
FR.doHyperlinkByPost(url,{a:value},'A');          
        })   
    },500)

如此,即可实现如网页iframe嵌套的效果


3、运行环境编辑

操作系统:Windows 7旗舰版

服务器:Windows server 2008

数据库:SQLServer 2008

FR版本 8.0