我们有时希望可以在页面左边显示视图树，右边显示子模板，根据动态树节点的不同，动态的显示子模板，如下图：

报表分为左右两个部分，左边定义个视图树，右边使用网页框显示子表。

给视图树添加点击事件，将选择的值传递给网页框中的子模板。

3.1 子模板准备

该示例中准备了一张子模板，定义内置数据集，如下图：

设置报表样式，如下图：

双击 A2 单元格，给 A2 增加过滤条件，公式为sql("FRDemo", "select 部门名称 from 公司部门 where 部门ID='" + para + "'", 1)

已完成模板请参照%FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\widgetReport\视图树超链子报表.cpt

3.2 主模板的设置

1）视图树控件设置

首先添加添加模板数据集，SQL 为：SELECT * FROM 公司部门。

在模板中添加一个视图树控件，构建树，构建方式选择自动构建，此不做详细介绍，具体定义方法可参考 下拉树控件自动构建示例 文档。完成之后如下图：

2）属性设置

设置视图树类型为单选视图树，如下图：

设置只返回叶子节点，并使其返回数据为当前选中数据，而不是层次路径。

3）点击事件设置

给视图树添加点击事件，如下图：

JS 代码如下：

var b = this.getValue();
var url = FR.cjkEncode( "${servletURL}?viewlet=doc/Primary/widgetReport/视图树超链子报表.cpt&__showtoolbar__=false");  
FR.doHyperlinkByPost(url,{para:b},'REPORT');

注：其中的 REPORT 就是网页框的控件名，doHyperlinkByPost 中网页框名字必须大写。

注：视图树返回的值类型为数组

4）FR.doHyperlinkByPost(url,config,target,feature)

URL 必填，为 URL 或 JSON 超链定义，config 表示要传递的参数，target 表示超链子页的打开位置，如上，即表示在 REPORT 网页框中打开，还可以在 feature 参数中设置窗口属性，比如说打开窗口的大小，则表示为 FR.doHyperlinkByPost(url,config,target， "600,600")

类似于 FR.doHyperlinkByPost(url,config,target,feature) 使用 post 方式传递模板，还可以使用 get 方式传递，其接口为 FR.doHyperlinkByGet(url,config,target,feature)，也可以使用 FR.doHyperlinkByGet4Reportlet(url,config,target,feature)方法。

注：target 和 feature 属性在移动端无效。

5）网页框控件设置

${servletURL}?viewlet=doc/Primary/widgetReport/视图树超链子报表.cpt&__showtoolbar__=false

3.3 效果查看

在主模板中点击数据分析预览，就可以看到效果了。

模板在线效果查看请点击 father.cpt

已完成模板请参照%FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\widgetReport\视图树超链主报表.cpt

4.1 子模板准备

子模板设置同 3.1，此处不再详细叙述。

4.2 主模板的设置

1）视图树控件的设置

首先添加添加模板数据集，SQL 为：SELECT * FROM 公司部门。

在决策报表中添加一个视图树控件：

构建树，构建方式选择自动构建，此不做详细介绍，具体定义方法可参考 下拉树控件自动构建示例 文档。完成之后如下图：

2）属性设置

设置视图树类型为单选视图树，如下图：

设置只返回叶子节点，并使其返回数据为当前选中数据，而不是层次路径。

3）点击事件设置

给视图树添加点击事件，如下图：

JS 代码如下：

var b = this.getValue();
var url = FR.cjkEncode("${servletURL}?viewlet=doc/Primary/widgetReport/视图树超链子报表.cpt&__showtoolbar__=false");
FR.doHyperlinkByPost(url, {
para: b
}, 'REPORT');

注：其中的 REPORT 就是网页框的控件名，doHyperlinkByPost 中网页框名字必须大写。

4）网页框控件的设置

决策报表中使用网页框控件需要安装网页框控件插件，具体可参考 在决策报表中使用网页框控件 文档。

在决策报表中拖入一个网页框控件，控件名称修改为report，并设置地址和参数属性，使用模板路径：doc/Primary/widgetReport/视图树超链子报表.cpt&__showtoolbar__=false

4.3 效果查看

在主模板中点击表单预览，效果如下图所示：