页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

树筛选组件指以展示树形结构过滤数据的组件。通过树筛选组件组件可以展示有层级关系的字段,例如”国家通过树筛选组件可以展示有层级关系的字段,例如”国家-省份-城市“的层级关系。

信息

1、目前树筛选组件只支持拖入:字符串字段,时间层次,不支持 日期字段、数值字段、度量、命名集。

2、树筛选组件需要开启数据模型引擎V2.0才能正常使用。


1.1 功能简介

树筛选组件包含:单选下拉树、多选下拉树、单选列表树、多选列表树。

1.2 整体逻辑说明

传值规则:

信息

传值只传主动选择的节点值,不区分父子节点,但区分包含和排除:传值只传主动选择的节点值不区分父子节点,但区分包含和排除

1、主动选择的节点值,当没有直接的上下级关系时:默认都直接传值。
2、主动选择的节点值,如果有直接的上下级关系,并且如果是先选父节点,再取消子节点,则需要传选择的父节点,以及排除选择的子节点。
3、实际传值不区分父子节点,但会包含路径信息。
4、全部:是特殊处理的节点,直接选它,表示不用传值(实际可使用不用传值的字符串作为它的真实值)。
5、如果只想查询父节点,需要选择:空白/null 的子节点。
6、不满足的场景:只传子节点的值,不查询父节点信息。

6、不满足的场景:只传子节点的值,不包括父节点信息(目前能满足的场景是只要选择了子节点的值,查询时一定会同步过滤父节点的值)。

1.3展示效果

筛选器类型说明示例效果
单选下拉树

1、如果选择父节点,会查询该目录下所有子节点的数据。

2、如果选单个子节点,则是查询该该父节点下子节点的数据(一条路径上)。


Image Added


多选下拉树

三态:全选、半选、不选

1、如果选择父节点,会查询该目录下所有子节点的数据。

2、如果选单个子节点,则是查询该父节点下子节点的数据(一条路径上)。


信息
  • 选父节点:会自动选择全部的子节点。
  • 选子节点:只会半选父节点,就算选择了全部的子节点,也不会自动全选父节点。



Image Added

单选列表树同单选下拉树逻辑一致。


Image Added

多选列表树

同多选下拉树逻辑一致。

Image Added


2 示例说明

2.1

...

区域-省份-城市树结构

介绍如何添加树筛选组件。例如,添加树筛选组件,实现对仪表板上的其他组件的数据进行过滤。

...

  • 操作说明(单选/多选下拉树、单选/多选列表树操作都是一致的,这里仅以多选下拉树进行说明)

Image Modified

1、直接选父节点、子节点进行查询
2、如果树上的节点、层级很多,没办法一次性看清楚选择了哪些节点,可以点击“查看已选”,可以显示全部已选择的节点信息。
3、点击“搜索”,可以通过关键字进行搜索出对应的节点,这里是模糊匹配。

4、显示的是已勾选的节点,多个时,显示+1、2、3.....

5、组件设置,下拉框的设置基本一致。

  •  筛选器设置

Image Modified

1、名称:默认是拖入的第一个字段名称。

2、控件类型:可以切换成其他的筛选器。

3、筛选字段:显示所有拖入的字段。

4、操作符:包含、不包含。2、控件类型:可以切换成其他的筛选器

3、筛选字段:显示所有拖入的字段,只支持拖入:字符串字段,时间层次,不支持 日期字段、数值字段、度量、命名集。

4、操作符:包含、不包含

5、默认值:只有列表选择、保存值、特殊值

6、备选值:不支持。

7、显示“全部”:默认勾选,勾选的话,在组件中会显示“全部”,不勾选就不显示出来,与其他筛选组件逻辑一致。

...

3、再拖入一个汇总表并且设置多选下拉树组件应用于它,筛选数据如下图:

Image Added

信息

...

目前类似示例这种平铺数据的,无法单独查看父节点的数据。


2.2

...

机构树

信息

前置条件

1、由于示例使用了 机构信息汇总表 机构交易汇总表 进行分析,在复现示例时,可以把数据先导入到模型中,详细请参考导入文件数据

2、示例下载数据:机构交易汇总表.xls

数据概览:是一个父子结构数据列表:数据概览:


现在想要通过构造一个机构列表树查询各个分行/支行的存款、贷款情况,最终效果如下图:

...

2、去创建仪表盘,在画布中,拖入 多选列表树筛选器 ,并且拖入对应对的层次字段:机构名称、一级分行、二级分行、一级支行、二级支行。并且拖入对应的层次字段:机构名称、一级分行、二级分行、一级支行、二级支行。

选项说明
层级字段
  • 拖入字段之后,会自动构建层次机构,排在前面的默认就是最大级或上级。只支持拖入:字符串字段,时间层次,不支持 日期字段、数值字段、度量、命名集。
(null)
  • 可以详细看到每个上级都显示了一个(null), 这个(null)非产品加的,是由于数据本身就存在的,产品根据  筛选器null值的显示名 (该设置项在运维设置/系统设置/公共设置中)默认展示对应的值。
(null)值的显示名
  • 如果不想显示(null),还可以在组件中的” (null)值得显示名 “中设置其他显示名,比如设置成“空白”。
  • Image Added
(null)值节点展开
  • 如果有很多级,可能会存在多个(null)级,不想显示这么多级,可以在”(null)值节点展开“设置"关闭"选项,那么只会显示1级。
  • Image Removed
  • 选项,那么只会显示1级(null)。

3、拖入汇总表,现在仅想要查看:广州分行汇总 的数据? 只需要勾选 广州分行汇总 的(null) 即可查询 只有广州分行的数据如果只想查询父节点,需要选择:空白/(null) 的子节点。

...

4、如果只想查询某个子节点数据,目前还不支持,传值的时候一定会带上父节点。


2.3 父子结构机构树

如下图所示的父子结构数据(有ParentID、ID),用树筛选组件无法实现,需要使用数据模型中的下拉参数实现。例子参考:父子结构数据实现下拉树参数

Image Added