历史版本11 :下拉树控件自动构建示例 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

效果图如下图所示:

1600241939898477.png

1.2 实现思路

通过将数据集直接转为树数据集,下拉树直接选择树数据集来自动构建层级。

2. 示例编辑

2.1 定义数据集

1)准备可以构建树数据集的表,如下图所示:

注:可以构建树数据集的表要求请参见:树数据集的完整性检查

1601205421361783.png

表分析:

  • 第一行表示总部的标记是 1,父标记为空,表示它是根部门,没有父部门,通常如果一个部门没有父部门,那么父部门标记为空。

  • 第二行的意思是「人力资源部」的原始标记为 11,其父部门是标记为 1 的部门(然后可以根据这个标记来查询它的父部门是总部)。

遍历这个数据集后,能得到所有的部门信息,职位信息;根据「上级 ID」,到「部门 ID」这一列去查找相应的部门名称,从而可以构建父部门。

需要注意的是:

「上级 ID」中出现的标记(除了是空),都必须在「部门ID」中找到对应的标记,可以看到上图中所有的「上级 ID」都能在「部门 ID」中找到对应的值。

2)新建模板数据集

本文示例使用的内置数据库 FRDemo 中的公司部门表。

新建普通报表,增加数据集 ds1,SQL 语句为:

SELECT * FROM 公司部门

如下图所示:

1600242064790815.png

2.2 转为树数据集

1)新建树数据集 Tree1,如下图所示:

1600243807247020.png

2)使用 ds1 来构建树,如下图所示:

15.png

2.3 添加下拉树控件

在参数面板中添加下拉树控件,如下图所示:

1600243983878383.png

2.4 定义下拉树

选中下拉树,点击「属性表>高级>数据字典」,将构建方式选择「自动构建」,选择树数据集 Tree1,实际值与显示值分别为「部门 ID 」和「部门名称」,如下图所示:

18.png

2.5 效果查看

2.3.1 PC 端

保存模板,点击「分页预览」,效果如本文 1.1 节所示。

2.3.2 移动端

App 及HTML5 端效果如下图所示:

00.jpg

3. 已完成模板编辑

已完成模板,可参考:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\下拉树控件自动构建示例.cpt

点击下载模板:下拉树控件自动构建示例.cpt