页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 2 下一个 »

1 概述

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

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


1.1 功能简介

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

1.2 整体逻辑说明

传值规则:

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

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

6、不满足的场景:只传子节点的值,不查询父节点信息。


2 示例说明

2.1 下拉树筛选组件

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

以为产品内置的订单模型为示例,具体操作如下:

1、打开仪表盘,选择“多选下拉树组件,如下图所示:

2、给多选下拉树组件选择数据字段:发货区域、省份、发货城市

拖入多个字符串类型的字段,多选下拉树会自动构建多层结构的关系树。

可以直接勾选树上的父节点或子节点信息,进行查询;也可以通过输入关键字进行搜索,下面是针对下拉树的一些操作、设置项说明:

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

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

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

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

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

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

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

6、备选值:不支持。

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


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


2.2 列表树筛选组件




  • 无标签