页面树结构

版本比较

标识

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

...

信息

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

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

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

1.3展示效果

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

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

2、如果选单个子节点,则是查询该子节点的数据。


Image Modified


多选下拉树

三态:全选、半选、不选

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

2、如果选单个子节点,则是查询该子节点的值。

三态:全选、半选、不选


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



Image Modified

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


Image Modified

多选列表树

同多选下拉树逻辑一致。

Image Modified


2 示例说明

2.1 区域-省份-城市树结构

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

...

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

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

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

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

  •  筛选器设置

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

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

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

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

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

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

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

6、备选值:不支持。

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

...